HOME
BBS
深山帮帮欢迎您,您可以注册或者
qq登录只需一步,快速开始
深山旅行社网站管理系统开发完成,欢迎各位网友测试! 点这里测试
565449214 给站长留言
订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS学习 > 正文

利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器

本站原创 2018-4-15 16:01:30 深山工作室 字体:  浏览 408 我要评论
直接上代码,兼容IE,firefox,chrome,Safari,Opera等主流浏览器的半透明CSS代码:

filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;


几个属性的意思是:

opacity: 0.5; CSS的标准,支持chrome,firefox, Safari和 Opera,取值范围0-1。
filter:alpha(opacity=50); 这个是为IE设的,取值范围0-100。
-moz-opacity:0.5; 支持老版本的Mozilla,取值范围0-1。
-khtml-opacity: 0.5; 支持老版本的Safari浏览器,取值范围0-1。


点击在新窗口中打开图片


以下是测试代码

<!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=gb2312" />
<title>利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器</title>
</head>

<body style="background:#09f;">

<div class="tm_fontzhi">通过CSS实现半透明,兼容IE,firefox,chrome等主流浏览器</div>
<div class="tm_fontbg"></div>

<style>
.tm_fontbg {
position:absolute;top:50px;right:50px;bottom:50px;left:50px;background:#000;z-index:99; /* 这段代码是为了实现div固定位置的不用在意这段 */
filter:alpha(opacity=50); /* 这个是为IE设的,取值范围0-100。 */
opacity: 0.5; /*  CSS的标准,支持chrome,firefox, Safari和 Opera,取值范围0-1。 */
-moz-opacity:0.5; /* 支持老版本的Mozilla,取值范围0-1。 */
-khtml-opacity: 0.5; /* 支持老版本的Safari浏览器,取值范围0-1。 */
}
.tm_fontzhi {position:absolute;top:90px;right:90px;bottom:90px;left:90px;padding:0 20px;color:#fff;z-index:100;}
</style>
</body>
</html>
后一页:没有了
Ads loading...
相关阅读
( 2018-6-21 17:40:27 )批量删除access字段里面fld.Properties.Delete
( 2018-6-21 17:35:47 )ASP操作access或sqlserver数据库的函数库
( 2018-5-29 11:27:36 )asp采用access数据库搜索信息时因为日文片假名问题提示“Microsoft JET Database Engine 错误80040e14”的解决方法
( 2018-5-28 17:01:29 )asp中求两个数的百分比(利用百分比函数FormatPercent就可以自带%的符号)
( 2018-5-25 11:39:48 )asp利用sql操作数据表、数据库的一些方法
( 2018-5-25 11:35:48 )rs操作数据表记录集对象的方法
( 2018-5-19 9:23:42 )asp利用dateadd获得上个月、本月、下个月的第一天和最后一天
( 2018-5-18 16:58:25 )asp随机显示字符长度与类型(可随机显示数字、小写字母、大写字母,可以做为随机密码使用)
共有0条关于《利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 400 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

Ads loading...
更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
在table中tr的display:block在firefox下显示布局错乱问题
在未知图片的宽度与高度时利用div+css将图片居中
用css做的英文首字母大写和英文全都大写通过各个浏览器
css优先级的例子
让DIV固定在浏览器窗口的底部(兼容IE6)
MarkMan 马克鳗,让设计更有爱 (超级给力的页面标注工具)
IE8 CSS HACK 兼容
Ads loading...
更多>>最新添加文章
批量删除access字段里面fld.Properties.Delete
ASP操作access或sqlserver数据库的函数库
asp采用access数据库搜索信息时因为日文片假名问题提示“Microsoft JET Database Engine 错误80040e14”的解决方法
asp中求两个数的百分比(利用百分比函数FormatPercent就可以自带%的符号)
asp利用sql操作数据表、数据库的一些方法
rs操作数据表记录集对象的方法
asp利用dateadd获得上个月、本月、下个月的第一天和最后一天
asp随机显示字符长度与类型(可随机显示数字、小写字母、大写字母,可以做为随机密码使用)
  • 业务 QQ:565449214
  • 手机:139 6134 7334
更多>>随机抽取信息
来自网易空间排行宽度可以变化的选项卡
CSS教程:CSS兼容的技巧
asp通过多次获得来取得用户的真实IP
仿淘宝首页商品分类列表效果
CSS编写过程中常见的10个错误以及解决方法
asp中最难发现的错误由最简单的程序引起
一个可以说是超级变态,超级强的DIV+CSS应用
用CSS层叠样式表实现文字变图象特效
Ads loading...