当前位置:  开发笔记 > 前端 > 正文

将边框设置为表tr,适用于除IE 6和7之外的所有内容

如何解决《将边框设置为表tr,适用于除IE6和7之外的所有内容》经验,为你挑选了2个好方法。



1> Dan Lew..:

IE不尊重标签的border属性.但是,有一些解决方法是在每个单元格周围放置一个顶部和底部边框,并使用"border-collapse:collapse;" 所以细胞之间没有空间.我将在这里引用这个资源的确切方法,但它实际上对你来说是这样的(我自己没有测试过,所以我不确定这是否完全正确,但我认为你可以重复一遍.)

table#event_calendar {
    border-collapse: collapse;
    border-right: 1px solid red;
    border-left: 1px solid red;
}

table#event_calendar td, table#event_calendar th {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}



2> 小智..:

你的CSS足够明智,但IE不会对tr元素进行边界处理.如果你使用这种风格,你应该得到预期的结果:

table#event_calendar {
    border-top:1px solid red;
    border-right:1px solid red;
    border-left:1px solid red;
    border-collapse:collapse;
}

table#event_calendar td, table#event_calendar th {
    border-bottom:1px solid red;

}

推荐阅读
Gbom2402851125
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有