先看看问题吧:
查看样式:
当选中状态,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: