html怎么使多个img是叠加方式存在

html怎么使多个img是叠加方式存在

多个img叠加用css样式控制即可：
如果是背景的话，background 属性可以指定多个图片。
示例如下：
background: url("haoroomsCSS1_s.jpg") 0 0 no-repeat,
url("haoroomsCSS2_s.jpg") 200px 0 no-repeat;
就同时指定了两个图片，两个图片的位置可以通过后面的 位置参数调整。
如果是img元素，可以通过给img指定绝对定位的样式，通过绝对定位让两个img按照
要求的方式重叠。
比如：
img#id1 {position:absolute; top:0; left:0; width:100%; display:block;}
mg#id2 {position:absolute; top:20px; left:0; width:100%; display:block;}
如果要使用绝对定位，img的父元素的样式需要加上 position:relative;

使用定位position 设置z-index属性

用一个隐藏的div，css中控制属性让其浮动，js控制其是否显示和显示的位置。

position：absolute
display：none
鼠标移上去时display改为block，移开后，改为none追问效果实现了，我的确是在onmouseout的时候设置display为none；但是发现鼠标快速移动就会出现没有设置为none的情况，慢速的情况下也有可能会出现，这是反应速度跟不上的节奏？