web-dev-qa-db-ja.com

CSSボックス-jQueryのシャドウ.css（）

Firefox 18は、-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', '');
    }
);

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

javascriptjquerycsscss3box-shadow
8
Chris

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

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

この：

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

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

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

そのはず：

$(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');
4
Harsha Biyani

する必要があります：

$(this).hover(function() {
   $(this).css('box-shadow', '10px 10px 5px #888');
}, function() {
   $(this).css('border-color', '');
});
4
hohner

Safariの場合、Google ChromeおよびOpera use

$(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');
2
user4596341