ncry.net
当前位置:首页 >> Css如何设置透明背景 >>

Css如何设置透明背景

怎样在CSS样式中设置背景的透明度,下面一个具体的实例.把类为box的层设为透明.<div class="box"></div><style>.box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3;

可以使用rbga,如:background:rgba(0,0,0,0.3); 最后一个值是透明度,范围0到1,前3个是rgb的颜色值.

删除body{}内的背景颜色,如#000000,然后加入.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%},调整opacity增减透明度,一般时需要删除 左背景图#header div.lc{} 右背景图#header div.rc{} TAB菜单主体#tab{background:#000000} 左下角背景.modbl{} 中下角背景.modbc{} 右下角背景.modbr{}

这有个问题.首先用最单的办法是用CSS3 background-color:rgba(0,0,0,0.5); 但这个兼容性你懂的.第二种就是他们说的这样了.这会让里面的文字一起透明.所以.办法是用两个层叠起来.

css:body{ margin:0; padding:0; background-color:#FFFFFF; }.alpha1,.alpha2{ width:100%; height:auto; min-height:250px;/* 必需 */ _height:250px;/* 必需 */ overflow:hidden; background-color:#FF0000;/* 背景色 */ }.alpha1{ filter:alpha(opacity=20

你好!目前CSS中有background:rgba()方式,在传统的CSS2中有opacity属性,但是不兼容老版本的IE,对于IE6/7/8则使用filter:alpha(opacity="60") 这种方式.因此目前为了兼容起见,使用的都是opacity结合filter滤镜的方式.

之前,回答过一个这样的问题,,说明一下,背景图片是调整不了透明度的,你只能调整容器的透明度来实现容器内的背景,内容也出现透明度.<style>#box{ width:200px; height:200px; background:url(背景路径); opacity:0.5; filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; /* 旧版IE */ }</style><div id=box></div>

有两种:1、background:#000; opacity:0.5; 这个方法是给盒子背景颜色透明,但盒子里面有内容的话,连内容也会透明,就是说子元素会继承上一级的属性2.background:rgba(0,0,0,0.5); 这个只针对背景颜色,子元素不会继承上一级的属性

透明属性:火狐下opacity:(0到1之间的数字)opacity:0.5; IE下 filter:alpha(opacity:0到100之间数字)filter:alpha(opacity=50)

将一个div设置为绝对定位,在这个div下设置背景图片与改变图片透明度.举例:html :<div id="content"><h1>Hello world!</h1></div> <div id="background"></div>css:#background{ width:100%;height:100%;position:absolute;top:0px;opacity: 0.6;background-image: url(test.jpg);background-size: 500px 500px;} 亲测能看到效果.

网站首页 | 网站地图
All rights reserved Powered by www.ncry.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com