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

答案:3 悬赏:20 手机版

解决时间 2021-11-23 02:58

提问者网友：临风不自傲
2021-11-22 06:59

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

最佳答案

五星知识达人网友：从此江山别
2021-11-22 08:21

多个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;

全部回答

1楼网友：行路难
2021-11-22 10:09

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

2楼网友：话散在刀尖上
2021-11-22 08:44

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

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

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息