透明的PNG作为背景图像

 

我有一个透明PNG元素作为背景图像 - 它就像一个宝丽来照片位切出，所以刚刚显示的帧。

以此为背景，然后我想要一个标准图像坐在具有透明png背景的元素后面 - 以适应框架内部。

我试着设置z-indexing和不透明度，尽管我可以通过它的透明度设置显示透明图像。

有任何想法吗？

如果.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;}

在做PNG时有一些事情需要注意。

  • 切割时请确保背景已关闭。
  • 导出为png24。
  • 如果你在IE6中，你将需要使用像双螺旋PNG修复
  • http://www.twinhelix.com/

    • 尝试这些步骤。 您不必改变图像的不透明度，因为它会影响整个图像。 当你使用z-indexing时，你也应该放置css元素的位置

    链接地址: http://www.djcxy.com/p/89309.html

    上一篇: Transparent PNG as Background Image

    下一篇: space between elements