CSS盒子陰影在jQuery .css（）

Firefox 18似乎沒有識別-moz-box-shadow或box-shadow CSS屬性。CSS盒子陰影在jQuery .css（）

如果我使用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', ''); 
    } 
);

我在做什麼錯？

來源

2013-01-12 Chris

'.css'只需** **兩個**參數，屬性名稱和值。 –

你需要做的參數爲一個字符串常量。 css(property name, value)函數的值參數是一個參數。

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

來源

2013-01-12 15:23:32

謝謝，我現在明白了，必填字段必須用引號括起來，而不是單個的值。謝謝，我接受你的回答。只需等到Stackoverflow讓我接受它:) – Chris

@Chris確切地說，很高興幫助。 –

需要是：

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

來源

2013-01-12 15:23:23 hohner

此：

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

是一個不正確的語法。你需要有對CSS屬性的一個值：

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

來源

2013-01-12 15:23:52

它應該是：

$(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-14 13:45:50 Harsha

這是很好的目標更多的瀏覽器 – TooSerious

對於Safari瀏覽器，谷歌Chrome和Opera使用

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

Mozilla Firefox的使用

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

對於其他網頁瀏覽器se

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

來源

2016-12-11 09:34:38

CSS盒子陰影在jQuery .css（）

回答

相關問題