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

2019-06-25  本文已影响0人  MMMMQI

问题:给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的背景图

上一篇下一篇

猜你喜欢

热点阅读