在CSS中如何设置图层
发布网友
发布时间：2022-04-19 21:03
共5个回答
热心网友
时间：2022-04-06 14:19
可以用z-index控制，具体步骤如下：
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<img style="position: absolute;top:0;z-index: 1" src="image.jpg" />
<img style="position: absolute;top:0;" src="small2.png" />
3、浏览器运行index.html页面，此时大图因为z-index更大而被设置到更上面的图层了。
热心网友
时间：2022-04-06 15:37
你可以用绝对或相对定位 position 不过新手要理解相对和绝对，那是很有难度，需要自己去研究。使用绝对定位后可使用z-index这个CSS命令设置它的优先级别，比如BOX1 BOX2 BOX3 我希望BOX3显示在最上面，那你就在BOX3相应的CSS里面填写z-index：1；
纳闷，做网站制作一年多，第一次看到有你这样命名的（.list:hover）
hover是划过效果，怎么能在DIV里面当ID命名呢。
加油学习。。。
热心网友
时间：2022-04-06 17:12
我认为你这个问题最好的解决方法是利用JS 楼主可以看下JQUERY的手册 看完后很多前台问题都可以接解决
热心网友
时间：2022-04-06 19:03
在CSS中相对或绝对定位，可以使用z-index调整图层的上下关系。z-index值越大，越在最上面。所有主流浏览器都支持 z-index 属性。
下图为示意图：
所以解决方法就是在弹出的大图设置其z-index大于下面的元素就可以了。
li span{position:absolute;z-index:15;}
热心网友
时间：2022-04-06 21:11
没仔细看楼主，楼上的在CSS2.0的选择器里。一切选择器都可以加:hover这个伪类。a:hover,li:hover,p:hover,.list:hover等等都是可以的啊！只不过IE6现在不支持CSS2.0的选择器啊。
