`
spjich
  • 浏览: 93801 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

div设置半透明效果

阅读更多

为div设置如下样式:

 

div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 

 

 

 

 说明:

1、filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认
2、-moz-opacity:对mozilla firefox火狐浏览器实现半透明,win IE不认此属性,-moz-opacity:0.5相当于设置半透明为50%
3、opacity:对除IE外所有浏览器支持包括谷歌,放最后主要针对谷歌浏览器,opacity: 0.5;表示设置50%半透明

 

 

 

 

 

 

参考:http://www.divcss5.com/css-hack/c574.shtml

 

分享到:
评论

相关推荐

    div背景半透明,覆盖整个可视区域的遮罩层效果

    1 、半透明效果可以使用 css3 中的 opacity 属性,在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; } 2 、要覆盖整个可视区域通常的...

    div背景色半透明

    可实现div背景色半透明,不是用的filter:alpha(opacity=50);opacity:0.5;属性,而是用的rgba(0,0,0,0.5),如果用的filter:alpha(opacity=50);...那么它有个缺点,就是这个div里边的所有子元素也会有半透明效果

    顶部固定div可设置半透明效果

    为大家介绍了一个顶部固定的div可设置半透明效果,文末有效果图,大家可以参考下

    div+css设置div的背景为半透明的方法

    说明: 1、filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认 2、-moz-opacity:对mozilla firefox火狐浏览器实现半透明,win IE不认此属性,-moz-opacity:0.5相当...

    半透明弹出DIV

    DIV半透明,你懂的,绚丽的JS效果,让网站更绚丽,增强客户体验

    CSS和Javascript实现的DIV半透明飘浮层

    通过点击按钮显示半透明遮盖层以及信息层 用CSS实现的固定飘浮,以及用Javascript实现的定位飘浮 用VS2008打开后直接运行UserShowPanelTest.aspx的效果是CSS实现的效果,要实现Javascript飘浮效果需要取消Javascript中...

    div背景半透明 覆盖整个可视区域的遮罩层效果

    背景半透明,覆盖整个可视区域的遮罩层效果在工作中经常会遇到,这篇文章主要介绍了当内容超过一屏时如何做到多浏览器的兼容性。 下面我们通过一个简单的例子看看如何实现,高手请绕道

    DIV半透明代码 兼容主流浏览器

    DIV半透明代码 兼容主流浏览器,需要的朋友可以参考下。

    实现半透明效果,用层来实现

    把这两句代码加入到要实现半透明层的CSS样式表里即可,简单吧!! 注:70和0.7的值可改为你需要的 body { background:url(/upfile/images/bg.jpg)} #layout { position:absolute; top:50px; left:50px; width:500px...

    C#自定义半透明遮罩层源码

    在网页中通过div+css实现半透明效果不难,在winfrom中实现的方法,C#自定义控件半透明遮罩层

    css+jquery纯代码半透明扇形旋转效果

    css+jquery纯代码半透明扇形旋转效果,三个DIV拼装成一个扇形,自己可以用程序修改扇形大小,适用于云台或雷达模拟

    JavaScript实现弹出DIV层同时页面背景渐变成半透明效果

    主要介绍了JavaScript实现弹出DIV层同时页面背景渐变成半透明效果,涉及JavaScript弹出窗口的实现及页面元素属性动态变换的相关技巧,需要的朋友可以参考下

    div层实现IE Firefox 页面半透明遮罩效果弹窗

    NULL 博文链接:https://hbxiao135.iteye.com/blog/509467

    图片与文字半透明效果 鼠标移上不透明

    图片与文字结合的半透明效果,鼠标移上不透明 .box{ width:600px; height:600px; padding:20px;} *{ margin:0; padding:0;} body{ background:url(//files.jb51.net/demoimg/200910/wall.gif) no-repeat; width:300...

    winform panel控件背景透明

    winform panel控件背景透明 在网页中通过div+css实现半透明效果不难,今天我们看看一种在winfrom中实现的方法

    纯css实现鼠标悬停列表图片半透明高亮效果

    原理:鼠标悬停在整个div上的时候,让所有li标签的背景颜色变为黑色,同时设置所有图片不透明度为50%,这样看起来所有图片上好像蒙上了一层阴影。 然后再给具体鼠标悬停的图片的不透明度设为100%即可实现我们想...

    网页中弹出小窗口,页面背景逐渐变为半透明.rar

    这里帖出两种效果,第一种是弹出时页面背景直接变为半透明,而第二种则对XP关机效果仿得更像一点儿,即背景是有一个逐渐变为半透明的过程,大家可以留心观察两种效果的区别,两种效果全部通过了IE6和firefox的测试。

Global site tag (gtag.js) - Google Analytics