美文网首页
表格tr设置背景图的情况下,遇到的兼容性问题

表格tr设置背景图的情况下,遇到的兼容性问题

作者: MMMMQI | 来源:发表于2019-06-25 14:09 被阅读0次

    问题:给table的tr设置了background-image之后,chrome测试正常,在电视盒子终端上显示出现错误。tr的背景图片变成了td的背景图。


    原因:参见 http://w3help.org/zh-cn/causes/RC3006 

            若为 TR 元素及设定了 'display:table-row' 的元素设置了背景图片 'background-image',则在 IE6 IE7 IE8(Q) IE9(Q) Chrome Safari Opera(Q) 中,背景图片会分别作用于其内部的每一个单元格上。


    解决:由于项目中td是定宽的,可以把tr的背景图片分割成多个小图片,设置成td的背景图

    相关文章

      网友评论

          本文标题:表格tr设置背景图的情况下,遇到的兼容性问题

          本文链接:https://www.haomeiwen.com/subject/zdmtcctx.html