表格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的背景图