首页 > DIY+CSS代码 > div半透明,div透明度设置,css背设置透明度

div半透明,div透明度设置,css背设置透明度

发布-网页培训班 | 浏览量-

 方法一:

#a{
background:#FFCC33; 
filter:alpha(opacity=50);  /*支持 IE 浏览器*/
-moz-opacity:0.50; /*支持 FireFox 浏览器*/
opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器*/
width: 300px;
height:300px;
}
 
说明:
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%半透明
 
方法二:
还有一种仅让背景半透明,里面内容不会透明
#a{
background: rgba(255,204,51, 0.5);
width: 300px;
height:300px;
}
前三个值表示颜色的red,green,blue值
 
最后一个表示alpha值,就是透明度值,不透明为1

原文地址:http://www.35ui.cn/post/20170722228.html

标签div半透明opacityfilter

上一条: service unavailable什么意思?
下一条: background-position用法详解

或许你还对下面的文章感兴趣
  • 作品
  • 素材
  • ued
  • 资源
  • 前端工程师
  • Asp网页培训班
  • jquery培训班
  • 北京网站制作
  • logo设计培训班
  • 做网站常用代码