读书人

让IE6展示阴影

发布时间: 2012-11-22 00:16:41 作者: rapoo

让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>

其中,color是颜色,direction是顺时针偏转的角度,strength是阴影的大小


1楼wemylove昨天 11:32
apple好像就是这么做的

读书人网 >Web前端

热点推荐