0

背景画像として透明なpngを使用した要素があります。これは、写真ビットが切り取られたポラロイドのようなもので、フレームだけが表示されています。

これを背景として、透明なpng背景を持つ要素の後ろに標準画像を配置してフレーム内に収めたいと思います。

zインデックスと不透明度を設定してみましたが、不透明度の設定により、画像が明らかに透明に見えるようになりました。

何か案は？

4

2 に答える 2

1

.yourPhotoが背景画像の場合、次のように実行できます。

<div class="yourPhoto">
    <div class="yourPNGframeImage">
    </div>
<div>

または、インライン画像を使用して、両方を絶対的に配置することもできます。

 <div class="container">
      <img class="yourPhoto" src="">
      <img class="yourPNGframeImage src="">
 </div>

.container {position: relative;}
.yourPhoto, .yourPNGframeImage {position: absolute; top: 0px; left: 0px;}
于 2009-11-10T00:00:40.390 に答える
0

PNGを実行するときに注意すべき点がかなりあります。

  1. カットするときは、背景がオフになっていることを確認してください。
  2. png24としてエクスポートします。
  3. IE6の場合は、twin-helixpng修正のようなものを使用する必要があります
  4. http://www.twinhelix.com/

これらの手順を試してください。画像全体に影響を与えるため、画像の不透明度を変更する必要はありません。z-indexingを使用する場合は、css要素の位置にも配置する必要があります

于 2009-11-10T00:04:20.370 に答える