如何在css中将一个图像叠加到另一个图像上？

我婉叠加图像B，在图像A和图像B将自动与图像去一个无论在何处move.This是我的代码如何在css中将一个图像叠加到另一个图像上？

<div id="down"> 
    <img id="yes" src="http://img.wallpaperstock.net:81/hi%2c-loser-wallpapers_17839_1024x768.jpg" > 

    <div id="up"> 
    <img id="no" src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/SMirC-hi.svg/320px-SMirC-hi.svg.png"> 
    </div> 

</div>

，这里是我的CSS：

#down{ 

     float: right; 

    } 


    #up{ 

     position: absolute; 
     top: 10px; 
     left: 10px; 

    }

我认为图像b也会随图像a浮动，并且具有从顶部10px和从图像b左侧10px的绝对位置。为什么它不是这样？希望你知道我的意思

来源

2012-11-29 dramasea

你认为'src =“imageb”'会起作用吗？ –

@dramasea它的工作http://tinkerbin.com/boyNUDIO –

@pls使用我的IMG代替，你会知道我的意思 – dramasea

首先，正确添加你的图像imagea.png或imagea.jpg什么？

Add（添加）

#up{ 
z-index:1; 
position: absolute; 
top: 10px; 
left: 10px;

的z-index}

，也可以添加这一

#down{ 
    z-index:0; 
     float: right; 
    }

来源

2012-11-29 05:19:26

不能，我编辑我的代码去试试看，明白我的意思了吗 – dramasea

我会用position:absolute，而不是浮动。

这里是工作示例：Position in JSBin

据我了解float不起作用left和right定位，只有定位absolute做。有人请纠正我，如果我错了。

来源

2012-11-29 05:27:08 JofryHS

如何在css中将一个图像叠加到另一个图像上？

回答

相关问题