先看看问题吧:

查看样式:

当选中状态,background-size 的属性被覆盖掉了,查看样式属性并没有发现有什么地方重定义。
当直接添加background-size 后,生效。

用其它同事的chrome访问,发现展现没有问题,初步判断可能是chrome版本的问题,又测试了几个chrome,果然

chrome 21.0.1180 对background渲染有不同,当重定义background属性后,会把原有的background属性,包括background-size 等全部覆盖。
两种解决方法:
1. 重定义的background添加上 background-size 等属性
2. 在原有background-size 属性添加 !important。 (高端浏览器支持,意思是比内联style 优先级还要高)
如:
background-size: 40px 50px !important;
显示ok:

本文探讨了一个在不同Chrome版本中遇到的样式问题,即当选中状态时,background-size属性被覆盖。通过分析原因,提出了解决方案:在重定义的background属性中添加background-size等属性或使用!important标记提升优先级。
4976

被折叠的 条评论
为什么被折叠?



