当前位置: 网站建设 > 网页设计 > 建站经验 >

css透明滤镜 兼容ie6,ie7,ie8以及firefox

时间:2013-03-02 03:47来源:未知 作者:admin 点击:

标签:css透明滤镜 兼容ie6,ie7,ie8以及firefox 兼容(37)IE7(7)CSS(655)滤镜(10)以及(16)fi(1)透明(11)IE6(28)IE8(8)
本例是一个兼容IE6/IE7/IE8和火狐浏览器的 css实现半透明层后果,之前自己也碰到过这样的问题,就是把一个层设置半透明后,内的文字也随着半透明了, CSS选择符详解 ,始终没找到适合的解决措施,今天看到 dushuwu, CSS选择符详细说明 .net有一篇文章解决了这
css透明滤镜 兼容ie6,ie7,ie8以及firefox》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334X2013.htm

本例是一个兼容IE6/IE7/IE8和火狐浏览器的 css实现半透明层后果,之前自己也碰到过这样的问题,就是把一个层设置半透明后,内的文字也随着半透明了,CSS选择符详解,始终没找到适合的解决措施,今天看到 dushuwu,CSS选择符详细说明.net有一篇文章解决了这个问题,但有一点,发明在filter前边多加一个星号,多加个星号是为了让IE6和IE7执行,火狐跟 IE8就不履行了,火狐自身来讲就不支持IE特有的滤镜功效,所以这里没必要再加星号。还有就是不支撑IE8阅读器,经由研讨,查阅大批材料,终于找到解 决方法了,下面分享出来。

css透明滤镜:兼容ie6,ie7,ie8以及firefox

<,CSS边框属性(border)的如何使用;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>兼容ie6,ie7以及firefox的css透明滤镜,|dushuwu.net</title>
<,css语法结构;style type="text/css",CSS设计网页头部的优化写法;>
 #container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); background:#f00\9; filter:alpha(opacity=20); width:500px; margin:40px auto; line-height:200%; font-size:14px; padding:14px;}
 #container *{ position:relative;}
<,CSS设计制作长度高度不一样的网页区块;/style>
</head>
<body>
 <div id="container">
     <span>我是内容我是内容我是内容我是内容我<,CSS设计中选择器的巧妙使用;/span>
    </div>
</body>
</html>

源代码:

css用到的\9是css hack的写法,是为了兼容不同的浏览器而应用的

--> [网站建设之]css透明滤镜:兼容ie6,css设置最小height然后自适应,ie7,ie8以及firefox

Tag:以及  ,CSS让网页里的提交按钮变得更漂亮; 透明  ,CSS让网页提交input按钮与众不同; 滤镜   兼容    
(责任编辑:网站建设)
css透明滤镜 兼容ie6,ie7,ie8以及firefox相关文章
上一篇:CSS选择符详解 下一篇:CSS透明相关技巧的介绍
回到顶部