CSS阴影效果(兼容N多浏览器)
来源:互联网 发布:got it 和get it的区别 编辑:程序博客网 时间:2024/06/03 19:14
===========原谅我笑点低,说IE对CSS3支持如狗屎,233333333,我是真笑啊,不是嘲笑,2333333333333333=========
标准方法当然就是指使用CSS3的方法了,这个应该不少同行应该知道,参见如下代码:
.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000;(ps:参数含义是:横向偏移3像素,纵向偏移3像素,模糊4像素,颜色为纯黑。 )}
三、那么IE浏览器呢?
对于目前对CSS3支持如狗屎的孤芳自赏的IE浏览器怎么办呢?box-shadow属性对于IE浏览器就像是圣诞树上的彩灯——装饰而已。
好在IE浏览器有个IE shadow滤镜,是IE浏览器私有的一个东西,可以模拟还凑合的盒阴影效果,使用类似于下面的代码:
.shadow { /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}
虽然效果不及Firefox,chrome等现代浏览器,但是还能凑合着用用。
四、样式综合
如下代码:
.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}
0 0
- CSS阴影效果(兼容N多浏览器)
- CSS阴影效果(兼容N多浏览器)
- 浏览器兼容的css阴影效果
- css阴影效果,css3阴影效果,css3文字阴影效果,css阴影效果完美兼容所有浏览器吹牛B的,CSS高级技巧:阴影效果
- CSS实现兼容浏览器的文字阴影效果
- 兼容各种主流浏览器的CSS阴影效果
- css实现边框阴影效果的方法(含兼容)
- css hack(CSS多浏览器兼容)
- css hack(CSS多浏览器兼容)
- CSS实现div框阴影,兼容各主流浏览器
- 兼容主流浏览器的CSS透明效果
- css渐变效果,兼容所有主流浏览器
- 兼容各浏览器的CSS倒影效果
- css兼容ie浏览器鼠标放大效果
- PC端,浏览器兼容、IE兼容(圆角、阴影、透明)
- CSS实现跨浏览器兼容性的盒阴影效果
- CSS实现跨浏览器兼容性的盒阴影效果
- CSS实现跨浏览器的box-shadow盒阴影效果
- 三个轻量级WebServer--lighttpd,thttpd,shttpd介绍
- MFC:进程间通信
- HDU 3304 Interesting Yang Yui Triangle lucas定理
- LeetCode 题解(47): Linked List Cycle
- android shape的使用
- CSS阴影效果(兼容N多浏览器)
- RCP表格排序
- 去掉微信浏览器里的放大缩小按钮
- 顺序栈应用(十进制转换为2进制)
- 升序数组中寻找A[x] == x 的下标
- 八大渲染引擎的分析
- python时间操作
- MFC:网络编程
- Sec site list