透明PNG作为背景图像

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

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

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

任何想法？

来源

2009-11-09 mindwire22

你可以把问题的屏幕截图放在某个地方吗？只用解释就很难想象。谢谢！ – 2009-11-09 23:49:08

“'我试过设置z-indexing和不透明度”？通过CSS设置不透明度？ – 2009-11-09 23:59:53

实际问题是什么？ – 2009-11-10 00:00:12

如果.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-10 00:00:40

我喜欢这个答案。我在这个页面上使用了一个非常类似的概念：http：//www.screenfeed.com/content/。查看与缩略图相关的来源。 – jessegavin 2009-11-10 02:02:27

这就是我最终做的。我只是说，如果透明背景的元素坐在图像的正面，它会表现得更好。 – mindwire22 2009-11-10 02:46:22

@ Meander365这正是上述两个例子所做的。在这两种情况下，“框架”都位于照片的顶部。 – 2009-11-10 15:38:11

有一个公平的几件事情，寻找在做PNG时。

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

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

来源

2009-11-10 00:04:20 Kieran

透明PNG作为背景图像

回答

相关问题