当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > CSS滤镜:Xray属性

HTML/XHTML教程
HTML表单标记教程(1):
XHTML入门学习教程:表单标签
XHTML入门学习教程:框架标签使用
XHTML:框架结构标签
HTML5 与 XHTML2
兼容性的 inline-block 属性
关于XHTML的H1标记的位置
HTML5 语义化结构化规范化
改进网站设计提供的有意的建议
HTML5的结构和语义(5):交互
HTML5的结构和语义(5):内嵌媒体
HTML5中语义化 b 和 i 标签
网页教案,针对初学者的教案
HTML5的结构和语义(4):语义性的内联元素
HTML5的结构和语义(2):结构
通过优化网页页面降低对内存及CPU的占用
XHTML 2.0新功能抢先预览
HTML5的结构和语义(1):前言
XHTML标签都有一个结束标记
面向XHTML的IE条件注释

HTML/XHTML教程 中的 CSS滤镜:Xray属性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 34 ::
收藏到网摘: n/a

Xray就是X射线的意思。
  Xray属性,顾名思义,这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单:

  Filter:Xray

  我们还是先来看一个页面(如下图):

  如果在上面的页面中加入Xray属性,也就是在<head>的<Style>中,增添下面这一句代码:

  Filter:Xray

  您再看这个页面就会是另一种效果了:(如下图)

  看,是不是就像给它拍了一张X光片一样。