js设置css怎么使用-moz-box-shadow??

发布网友发布时间：2022-04-26 01:55

共2个回答

热心网友时间：2022-04-06 13:26

-moz-, -webkit-, -o-这些都是浏览器前缀。box-shadow才是css样式。
通过js获取css的box-shadow的方法：
div
{
box-shadow: 10px 10px 5px #888888;
}

js方法：
document.div[0].style.box-shadow = "12px 11px 5px #888888;";

常用前缀和浏览器的对应关系如下：
Firefox: -moz-
Chrome, Safari: -webkit-
Opera: -o-
IE: -ms-
css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程，css3中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险，同时也会出现有的浏览器厂商支持的好，有的支持的不好，所以就用厂商前缀加以区分。
PPK建议如果已成为REC或接近REC的属性，厂商如果完全实现了w3c的test case，就不用加厂商前缀，像border-radius在ie9下就不用加前缀。

热心网友时间：2022-04-06 14:44

看这个回答

http://zhidao.baidu.com/link?url=B5AWmjnqmL6YfLZ1S475kc6lXNSWE2YzWFVY6hS_vNtIx-a0lJWKT9l6VfyBP3z3Qv5to1c5sNRlnE_mxeXbXq