您好我想使用div的box shadow。 知道怎么做吗?
我用过
box-shadow: 3px 3px 5px 6px #ccc;
但没有在firefox中工作。
答案 0 :(得分:2)
使用:
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
以下文件完美地展示了它:
答案 1 :(得分:0)
对于旧版本的Firefox,请使用-moz-
前缀。
-moz-box-shadow: 3px 3px 5px 6px #ccc; /*will work only in firefox*/
box-shadow: 3px 3px 5px 6px #ccc; /*will work on all browser and latest firefox also*/
查看here。
答案 2 :(得分:0)
https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
某些版本的Firefox可能仍需要使用-moz
前缀。这可能是问题吗?
-moz-box-shadow: 3px 3px 5px 6px #ccc;
答案 3 :(得分:0)
-moz-box-shadow: 3px 3px 3px 3px #cccccc;
box-shadow: 3px 3px 3px 3px #cccccc;
答案 4 :(得分:0)
答案 5 :(得分:0)
如果你想使用标签-moz-box-shadow:..
在mozilla中使用,如果使用标签-webkit-box-shadow:..
进行镀铬或使用标签-o-box-shadow:...
进行歌剧使用细节开放
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_image_gallery
答案 6 :(得分:0)
用于内盒阴影使用此
-moz-box-shadow: inset 0 0 10px #f00;
-webkit-box-shadow: inset 0 0 10px #f00;
box-shadow: inset 0 0 10px #f00;
对于外框阴影,请使用此
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
答案 7 :(得分:0)
box-shadow:3px 3px 5px 6px #ccc;
-webkit-box-shadow:3px 3px 5px 6px #ccc;
-moz-box-shadow:3px 3px 5px 6px #ccc;
-o-box-shadow:3px 3px 5px 6px #ccc;
-ms-box-shadow:3px 3px 5px 6px #ccc;
使用此代码对您有用。
答案 8 :(得分:0)
只需使用它:http://css3gen.com/box-shadow/
它节省了大量时间。