在IE9或IE10下table的边框线不显示

在IE9或IE10下table的边框线不显示

月光魔力鸭

2018-10-23 11:09 阅读 568 喜欢 1 IE9IE10table边框不显示

今天遇到一个问题,在chrome ff 等浏览器都挺正常的table,在IE9 和 IE10下边框不显示,直接就没有了。

但是明明是有加的样式的,找了一些资料,有说加上background-clip:padding-box;后就可以的,但是,我这边经过尝试后发现行不通。

最终,一点一点的调试后发现是定位问题,其实也不能算是他的问题,在IE调试的时候,取消该样式position:relative后,边框显示,然后再勾选后,还是有的,如果是这个问题应该在勾选后不显示才对啊? 这个问题一直没搞明白。

table th,table td{
    position:relative;
}
/**最终修改为了static*/
table th,table td{
    position:static;
}

虽然问题是解决了,但是原理还是没有搞明白!有了解的可以给解释下,谢谢啦!

转载请注明出处: https://chrunlee.cn/article/css-table-border-none.html


感谢支持!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
通过flex实现footer 一直停留在底部,不论内容有多少。