课程
/前端开发
/HTML/CSS
/十天精通CSS3
加了.bg:not(:target)没有任何效果,还是会显示不被切换的背景。。。
2015-06-07
源自:十天精通CSS3 7-8
正在回答
试试 img.bg:not(:target)
这里的背景层级问题是指前一张图和后一张图的层级。你可以尝试一下注释掉.bg:not(:target)的代码再F5+ctrl刷新试试点击各个图片,可以观察到当你点下一张图片的时候,前一张图片并不一定是你点击前的那张图片,也就是说它们的显示层级有问题,前后层级不对。
你的说的还是会显示不被切换的背景这个问题,这个是动画决定的,因为animation-duration: 1s决定了切换背景完成的动作需要1s才能完成,所以在这一秒钟内,上一张背景还是会出现的。
你解决了么?我也是唉
亲,可以把完整代码贴出来,我们帮你看看。
我是好人菌 提问者
举报
本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备
4 回答任务7 .bg:not(:target) 做完之后为什么没有效果
1 回答通过“否定选择器:not()”和“目标选择器:target”来控制不是被切换的背景图像不显示
1 回答设置背景图片切换
1 回答/*任务七、设置不显示的背景图层级*/???
1 回答任务6 动画效果显示不了?