Fstar
2016-02-23 21:50
如题,参考答案是给li的下边框变成白色挡住div的有色上边框。这个遮盖顺序是怎样的?反过来遮盖又怎么写代码?
这里面应该是li的下边框挡住了ul的有色下边框。我的理解是子元素在父元素的上面。
撇开这题,要想达到你的效果,可以在css里设置z-index属性,具体方法你可以参考手册。
额,看了下参考代码,首先,你一开始就弄错了。
那个棕色的条状边框并不是div的上边框,你看代码中样式设定会发现有这样一段border-top:none;这表示div的样式是设定为没有上边框的,这个条状边框其实是ul的下边框,在ul的样式设定中可以找到相应代码border-bottom:2px saddlebrown solid;
而你说的li的白色下边框覆盖问题其实是因为CSS中设置的行高等设置使li和ul的边框重合了,然后在调用JS改变li的样式时也改变了下边框的样式所以就会发生下边框颜色的改变,在效果上来说就像覆盖一样
JavaScript进阶篇
468195 学习 · 21891 问题
相似问题