关于背景图片的探讨

img.bg{z-index:1;} 刚开始背景图片的z-index都为1

然后点击缩略图后#bg1:target{ z-index: 100;}缩略图对应的背景图片的z-index为100，

就覆盖在其他img的上边，但是我搞不懂.bg:not(:target){.....}，这对应的notTarget的z-index为75，这个z-index:75是干啥用的？？？？

可乐要加冰Xx

2017-08-24

源自：十天精通CSS3 7-8

关注问题我要回答

1231

操作

收起

3 回答

hello_2
2017-09-11

这是一种安全的写法，z-index设置为1的话太低有可能会被其他元素覆盖，当页面更加复杂，z-index层级越来越多的时候，这样写就有意义了

0 回复有任何疑惑可以回复我~

收起回答

可乐要加冰Xx 提问者
2017-08-26

那不是有1吗，不已经在要显示的背景图片的下面了吗

0 回复有任何疑惑可以回复我~

收起回答

禾_
2017-08-25

设置z-index：75；的目的是为了让不显示的背景图片放在显示的背景图片下方，75<100，所以就会显示在下面，别的数值也是可以的，只要比100小就行。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

十天精通CSS3

参与学习 242635 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

2 回答图片的背景

3 回答背景图片left：50%

1 回答设置背景图片切换

2 回答背景图片的百分比问题

3 回答背景图片显示不齐全

搜索更多本课相关问答

关于背景图片的探讨

我要回答关注问题

热搜

最近搜索清空

关于背景图片的探讨

3 回答

本课相似问答

关于背景图片的探讨