css透明滤镜-完美兼容ie6,ie7,ie8以及firefox
代码如下 | |
<!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> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>兼容ie6,ie7以及firefox的css透明滤镜,文字不继承其透明属性</title> <style type="text/css"> #container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); background:#f009; filter:alpha(opacity=50); width:500px; margin:40px auto; line-height:200%; font-size:14px; padding:14px;} #container *{ position:relative;} </style> </head> <body> <div id="container"> <span>网站制作教程网站制作教程网站制作教程</span> </div> </body> |
</html>
您可能感兴趣的文章:
css透明滤镜-完美兼容ie6,ie7,ie8以及firefox
css ie ff 中hack 写法详解
css实现透明度兼容IE, Firefox, Chrome, Safari代码
CSS hack在IE6,IE7,firefox用法与区分
IE7和IE8的BUG解决方法
CSS 浏览器兼容hack整理收藏
CSS透明实现方法
IE7,IE8浏览器CSS实现正圆角效果代码
CSS设置半透明背景实例详解
css中-webkit-box-reflect属性简介及元素镜像倒影实现