Fatal编程技术网
  • javascript/
  • Javascript 将“背景重复”设置为“重复-x”时添加的双值

Javascript 将“背景重复”设置为“重复-x”时添加的双值

javascript jquery css

Javascript 将“背景重复”设置为“重复-x”时添加的双值,javascript,jquery,css,Javascript,Jquery,Css,与jQuery（'.class'）.css（…）相比，我有一点奇怪的问题 请让我知道它为什么不起作用： 铬： Firefox：-运行良好。这可能有助于描述这种情况 每个浏览器的结果都与CSS3规范一致 设置$someElement.css（{'background repeat'：'repeat-x'}）时 Chrome将样式属性设置为background repeat:repeat no repeat Firefox/IE将style属性设置为background repeat:repeat-

与jQuery（'.class'）.css（…）相比，我有一点奇怪的问题

请让我知道它为什么不起作用：

铬：

Firefox：-运行良好。

这可能有助于描述这种情况

每个浏览器的结果都与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
请在问题中内联您的代码，不要只链接到JSFIDLE。您试图将后台repeat应用于什么？选择？没道理！它没有任何意义，但它只是一个例子。此外，它可以使用Firefox，但不能使用Chrome。请选择，即不重复，在Chrome中检查代码时，将出现style=“background repeat:repeat No repeat”，因此有两个值。在Firefox中，它运行良好。

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') );
});