Question

与jQuery（'。class'）相比，我有一个奇怪的问题.css（...）;

jQuery('#ns-background-repeat').on('change', function(){
    //alert(jQuery(this).val());
    jQuery(this).css({ 'background-repeat' : jQuery(this).val() });
    jQuery('.test').text(  jQuery(this).css('background-repeat') );
});

请让我知道它为什么不起作用：http://jsfiddle.net/eXa4y/2/

Chrome：http://gyazo.com/42cd909cc0b1c17023975f034e5a4728。

Firefox：http://gyazo.com/aa74f7e00fd898a7c43c2d7e44d0d17c - 效果很好。

Answer 1

此jsfiddle可能有助于描述情况

每个浏览器的结果与background-repeat

的CSS3规范一致

设置$someElement.css({ 'background-repeat' : 'repeat-x' });

时

Chrome将样式属性设置为background-repeat: repeat no-repeat;

Firefox / IE将style属性设置为background-repeat: repeat-x;

（在每个浏览器Chrome 30，FF 24，IE 10的最新版本中测试）

规范指定

“重复-X” 计算'重复不重复'。

所以这两者在技术上是等价的，只是不同的实现。

repeat-x = x：repeat，y：no-repeat

将background-repeat设置为repeat-x时添加双值

1 个答案: