在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代码：

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的选择器啊。