让IE6显示阴影
大家都知道,想让一个div显示有阴影效果,一般是加背景图片,这里提供了两个方法,不用加背景图片的方法,甚至让该死的IE6上也有效果,而且还是圆角的哦
方法一:
下载ie-css3.htc的文件,文本打开后,就是js代码,如下,可以拷贝粘贴保存:
<html><head> <style type="text/css"> .img { background: #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10) progid:DXImageTransform.Microsoft.Shadow (color=#dddddd,direction=180,strength=10) progid:DXImageTransform.Microsoft.Shadow (color=#eeeeee,direction=270,strength=6)"; *filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6); } </style></head><body> <div class="img" style="width: 200px; height: 200px;"> </div></body></html>