解决IE浏览器下:td标签上有position: relative;与background-color属性时td边框消失

WEB前端 waitig 598℃ 百度已收录 0评论

发句牢骚:少兼容IE能多活10年!!!

今天发现,在IE浏览器上出现一个现象(edge下也有):table下的td,加了背景色后td的边框消失,如下图

(ie和火狐都有此问题!!!)

出现这种情况的原因是:

td标签同时有position: relative;属性与背景色。

解决办法:

在td标签下加个div,把所有内容放在这个div中,给div加position: relative;

(不让position: relative;与background-color同时出现在td标签上即可)


本文由【waitig】发表在等英博客
本文固定链接:解决IE浏览器下:td标签上有position: relative;与background-color属性时td边框消失
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)