0

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/

クローム: http://gyazo.com/42cd909cc0b1c17023975f034e5a4728 .

Firefox: http://gyazo.com/aa74f7e00fd898a7c43c2d7e44d0d17c - うまく動作します。

4

1 に答える 1

1

このjsfiddleは状況を説明するのに役立つかもしれません

各ブラウザの結果は、background-repeatの CSS3 仕様に一致して表示されます

設定時$someElement.css({ 'background-repeat' : 'repeat-x' });

Chrome は style 属性をbackground-repeat: repeat no-repeat;

Firefox/IE は style 属性をbackground-repeat: repeat-x;

(各ブラウザChrome 30、FF 24、IE 10の最新バージョンでテスト)

仕様は指定します

'repeat-x' 計算すると、'repeat no-repeat' になります。

したがって、この 2 つは技術的に同等であり、実装が異なるだけです。

繰り返し-x = x: 繰り返し、y: 繰り返しなし

于 2013-10-02T19:03:08.940 に答える