10

Firefox18は-moz-box-shadowまたはbox-shadowCSS属性を認識していないようです。

を使用するborder-colorと、すべて正常に動作します。

$($this).hover(
    function () {
        //$(this).css('border-color', '#ff0');
        $(this).css('box-shadow', '10px', '10px', '5px', '#888');
        //$(this).css('-moz-box-shadow', '10px', '10px', '5px', '#888');
    }, function () {
        $(this).css('border-color', '');
        //$(this).css('border-width', '');
    }
);

私は何が間違っているのですか？

4

5 に答える 5

20

引数を1つの文字列リテラルにする必要があります。関数のvalueパラメーターcss(property name, value)は1つの引数です。

 $(this).css('box-shadow', '10px 10px 5px #888');
于 2013-01-12T15:23:32.427 に答える
6

これ：

$(this).css('box-shadow', '10px', '10px', '5px', '#888');

構文が正しくありません。CSSプロパティには次の1つの値が必要です。

$(this).css('box-shadow', '10px 10px 5px #888');
于 2013-01-12T15:23:52.303 に答える
4

する必要があります：

$(this).hover(function() {
   $(this).css('box-shadow', '10px 10px 5px #888');
}, function() {
   $(this).css('border-color', '');
});
于 2013-01-12T15:23:23.260 に答える
4

そのはず：

$(this).css('-webkit-box-shadow', '10px 10px 5px #888');
$(this).css('-moz-box-shadow', '10px 10px 5px #888');
$(this).css('box-shadow', '10px 10px 5px #888');
于 2015-05-14T13:45:50.963 に答える
2

Safari、Google Chrome、Operaの場合

$(this).css('-webkit-box-shadow', '10px 10px 5px #888');

MozillaFirefoxを使用する場合

$(this).css('-moz-box-shadow', '10px 10px 5px #888');

他のWebブラウザの場合は

$(this).css('box-shadow', '10px 10px 5px #888');
于 2016-12-11T09:34:38.650 に答える