Javascript jQuery .css() 中的 CSS box-shadow
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/14294721/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
CSS box-shadow in jQuery .css()
提问by Chris
Firefox 18 does not seem to recognize the -moz-box-shadowor the box-shadowCSS attribute.
Firefox 18 似乎无法识别-moz-box-shadow或box-shadowCSS 属性。
If I use border-color, everything works fine.
如果我使用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', '');
}
);
What am I doing wrong?
我究竟做错了什么？
回答by Kevin Bowersox
You need to make the arguments into one string literal. The value parameter of the css(property name, value)function is one argument.
您需要将参数变成一个字符串文字。css(property name, value)函数的值参数是一个参数。
$(this).css('box-shadow', '10px 10px 5px #888');
回答by Aleks G
This:
这个：
$(this).css('box-shadow', '10px', '10px', '5px', '#888');
is an incorrect syntax. You need to have one value for the CSS property:
是不正确的语法。您需要为 CSS 属性设置一个值：
$(this).css('box-shadow', '10px 10px 5px #888');
回答by Harsha Biyani
It should be:
它应该是：
$(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');
回答by hohner
Needs to be:
需要是：
$(this).hover(function() {
$(this).css('box-shadow', '10px 10px 5px #888');
}, function() {
$(this).css('border-color', '');
});
回答by hohner
For Safari, Google Chrome and Opera use
对于 Safari、Google Chrome 和 Opera 使用
$(this).css('-webkit-box-shadow', '10px 10px 5px #888');
For Mozilla Firefox use
对于 Mozilla Firefox 使用
$(this).css('-moz-box-shadow', '10px 10px 5px #888');
For other web browsers use
对于其他 Web 浏览器，请使用
$(this).css('box-shadow', '10px 10px 5px #888');
