问答详情
源自:10-1 编程挑战

为什么 li 底部设置白色边框 盖过下面div的棕色边框?

是因为li的zIndex高于div?

还是因为什么?

提问者:rafal 2015-01-06 11:30

个回答

  • 康振宁
    2015-01-06 20:05:41

    不好意思看错问题了

    this.className = "on"; 源码中有这么一句话,这句话是设置所点击li的样式

     #tabs ul li.on{border-top:2px solid saddlebrown;border-bottom: 2px solid #fff;}样式文件中有这句话设置所点击li的样式

    所以才会出现白边

  • 康振宁
    2015-01-06 14:04:53

    右侧有源码下载可以参考的

    #tabs ul li.on{border-top:2px solid saddlebrown;border-bottom: 2px solid #fff;}    

    #tabs div{height:120px;line-height: 25px;border:1px solid #336699;border-top:none;padding:5px;}     

    这两句是源码中的两个样式,第一句有个border-bottom属性,第二句border-top有这个属性,你看看这两个属性的值都是什么就明白了