颜色覆盖问题,为什么是li的下边框遮盖了下面div的上边框?想要反过来遮盖要怎么写?

来源:10-1 编程挑战

Fstar

2016-02-23 21:50

如题,参考答案是给li的下边框变成白色挡住div的有色上边框。这个遮盖顺序是怎样的?反过来遮盖又怎么写代码?

写回答 关注

4回答

  • 眼中的黑白
    2016-02-24 13:15:31
    已采纳

    这里面应该是li的下边框挡住了ul的有色下边框。我的理解是子元素在父元素的上面。

    撇开这题,要想达到你的效果,可以在css里设置z-index属性,具体方法你可以参考手册。

    Fstar

    谢谢提供思路!我的代码用的是给div的上边框设置颜色,经常要调高度,还是给ul设置好。

    2016-02-24 15:28:21

    共 1 条回复 >

  • 慕移动9181930
    2022-03-29 00:49:34
  • 慕移动9181930
    2022-03-27 00:12:46
  • czdll
    2016-02-24 13:23:32

    额,看了下参考代码,首先,你一开始就弄错了。

    那个棕色的条状边框并不是div的上边框,你看代码中样式设定会发现有这样一段border-top:none;这表示div的样式是设定为没有上边框的,这个条状边框其实是ul的下边框,在ul的样式设定中可以找到相应代码border-bottom:2px saddlebrown solid;

    而你说的li的白色下边框覆盖问题其实是因为CSS中设置的行高等设置使li和ul的边框重合了,然后在调用JS改变li的样式时也改变了下边框的样式所以就会发生下边框颜色的改变,在效果上来说就像覆盖一样

    Fstar

    非常感谢!不好意思只有一个最佳答案,没能采纳你的

    2016-02-24 15:30:05

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468195 学习 · 21891 问题

查看课程

相似问题