首页 > 代码库 > CSS滤镜

CSS滤镜

CSS滤镜

使用滤镜,可以进行下对元素进行透明化的修饰。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="keyword" content="CSS滤镜"/><meta name="description" content="CSS滤镜"/><meta name="author" content="xiaobei QQ:2801616735"/><title>CSS滤镜</title><style>    #one{        background:#ccc;        height:100px;        filter:Alpha(Opacity=40);     /*兼容IE*/        opacity:0.4;    }    #one:hover{        background:#ccc;        height:100px;        filter:Alpha(Opacity=100);     /*兼容IE*/        opacity:1;    }</style></head><body><ul>    <li>Alpha 滤镜的使用</li></ul><h2>Alpha 滤镜的使用</h2><div id="one">Alpha 滤镜的使用</div></body></html>

 

CSS滤镜