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是干啥用的????
这是一种安全的写法,z-index设置为1的话太低有可能会被其他元素覆盖,当页面更加复杂,z-index层级越来越多的时候,这样写就有意义了
那不是有1吗,不已经在要显示的背景图片的下面了吗
设置z-index:75;的目的是为了让不显示的背景图片放在显示的背景图片下方,75<100,所以就会显示在下面,别的数值也是可以的,只要比100小就行。