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

Css如何使背景透明

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

不要给DIV加背景颜色或者背景图片,默认就是透明的.显示包含它的层的颜色

答非所问透明的部分单独浮动出来 其他的在放一个没有背景的曾里就好了用POSITION:ABSOLUTE;TOP:0; LEFT:0;

DIV 变透明:.bg{ filter:alpha(opacity=50); opacity: 0.50; } //filter IE//opacity 火狐 谷歌

设置元素的透明度: -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明但是当我们对一个标签设置背景的透明度时,往往我们并不希望该标签上的文字图片也变成半透明了.例如: 不透明div{-moz-

外层div:background-color: rgba(255, 255, 255, 0.9); /* 白色并且阿尔法通道是0.9*/内层div:background-color: #FFF; /*背景色是白色, 覆盖原来的颜色*/

<html> <head> <title>怎样使图片半透明</title> <meta content="text/html; charset=gbk" http-equiv="Content-Type"> <style type="TEXT/CSS">.cool { BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH:

1、准备好初始化的代码<html><head><meta charset="utf-8"/><style></style></head><body><div></div></body></html>2、初始化样式div{border:1px red solid;width:800px;height:800px;background-color:blue;}3、运行结果为4、设置背景颜色半透明的样式代码background-color:rgba(0,0,255,0.5);5、运行结果为透明原理:把背景颜色设置为rgb的方式,然后再加一个透明度就可以设置为半透明了.注意:设置背景颜色时哪里应该写成rgba.

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

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

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