css3阴影兼容,白色描边处理

阴影与白色表边,两者处理方式一样的。

都使用css3的 box-shadow 进行处理,效果如下:

css3阴影兼容,白色描边处理_第1张图片

代码如下:

-webkit-box-shadow: 1px 1px 3px #000000;
-moz-box-shadow: 1px 1px 3px #000000;
box-shadow: 1px 1px 3px #000000;

这里的颜色还可以使用rgba的方式进行透明度设置,可参考我的另一篇文章:《css的透明度设置兼容问题》

描边,只需把颜色设为 #fff 即可。

除了上述兼容性处理方式外,推荐使用 modernizr 的方式。

你可能感兴趣的:(HTML+CSS)