CSS滤镜全接触
 
  作者:Eric 上一页 返回目录 下一页

CSS滤镜属性(4)

4. DropShadow

  语法: {filter:Dropshadow(Color=color,Offx=x,Offy=y,positive=positive)}

  "DropShaow"顾名思义就是添加对象的阴影效果.其原理是建立一个偏移量,加上较深的颜色.
  "Color"代表投射阴影的颜色,指定的方法可以使用"#RRGGBB"的形式.
  "Offx"和"Offy"分别是X方向和Y方向阴影的偏移量.
  "Positive"参数是一个布尔值,如果为"True",那么就为任何的非透明像素建立可见的投影.如果为"False",那么就为透明的像素部分建立可见的投影.

  我们看下面的例子:

Dhtml 2000

  看一下源代码:

  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="120">
  <tr align="center">
  <td width="50%" style="filter:dropshadow(color=#FF9933,offx=5,offy=5,positive=1);">
    <img src="cloud.gif" width="200" height="100">
  </td>
  <td style="filter:dropshadow(color=#FFF0DD,offx=5,offy=5,positive=1);">
    <font face="Verdana"><b><font size="5" color="#FF9933">Dhtml 2000</font></b></font>
  </td>
  </tr>
  </table>

  前面说过了CSS滤镜只能用在HTML控件元素上,而<P>不属于HTML控件元素,因此不能直接用<P>使文字产生效果.不过奇怪的是<IMG>属于HTML控件元素,同样也不能用DropShadow滤镜,只是奇怪.可能是因为图片无法产生自己的偏移量,如果你知道正确答案,记得要告诉我.

  看看源代码,在对OffxOffy做一下补充,这两个参数必须用整数来制定,如果为整数那么表示是向x轴的右方向,y轴的下方向,负数正好相反.另外,你可以试一下将positive=1改为positive=0来看一下效果.

上一页 返回目录 下一页


Dynamic HTML 2000
Copyright © 2000-2001 All Rights Reserved