2010-08-08 108 views
2

我想要一个图像在另一个之上。我该怎么做?如何在另一幅图像上叠加图像?

example http://twitpic.com/2cnpku

+0

欢迎来到Stackoverflow!你不需要抱怨。我已经将它编辑掉了,因为有用的用户可能会移动。只需以聪明的方式提出问题。您已经在合适的地方获得帮助:) – BalusC 2010-08-08 02:58:38

+0

请将相关代码部分复制并粘贴到您的问题中。它会让人们更容易帮助你,也让未来的用户看到你的问题。 – 2010-08-08 02:58:56

回答

2

设置要在上面的图像具有更高的z-index。目前,它的Z指数较低。

+0

问题是图像没有显示,但一切都是正确的名称和地址 – 2010-08-08 03:05:03

4

来自您发布的代码,看起来您正在将img元素传递给另一个img元素的另一个src属性。你有这样做的理由吗?

<style type="text/css"> 
    .imgA1 { 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:2; 
    width:1300px; 
    height:283px; 
    } 
    .imgB1 { 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:1; 
    width:1300px; 
    height:1000px; 
    } 
</style> 
<img class="imgA1" src="images/home_nav.png" alt="home_nav" /> 
<img class="imgB1" src="images/paperbackground.png" alt="Background" /> 

类似的代码样机可以在http://jsfiddle.net/gBPBd/3/与我的图片来证明这个概念可以看出,它是funcitoning铬,IE8。

+0

由于加布里埃尔但首页导航图像仍然背后的纸张背景图像。 @Gabriel – 2010-08-08 03:22:57

+0

---------------------------------- .imga1待在后面? – 2010-08-08 03:54:19

+0

我多做了一些工作,看起来像我的评论打破了选择。我修改了它。你也可以在http://jsfiddle.net/gBPBd/3/看到它的工作方式,尽管我已经使用了我自己的图像,所以你可以看到结果。 – Gabriel 2010-08-08 03:56:54

相关问题