www.ctrt.net > Div 半透明

Div 半透明

css中有一个opacity属性,可以设置透明度 如下例子,其中div透明度为60% Document .div1{width: 200px;height: 200px; opacity: 0.6;background: red;}

#a{background:#FFCC33; filter:alpha(opacity=50); /*支持 IE 浏览器*/-moz-opacity:0.50; /*支持 FireFox 浏览器*/opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/width: 300px;height:300px;}还有一种仅让背景半透明,里面内容不会透...

在DIV的样式里面添加上下面的样式: filter:alpha(opacity=60); //60就是60%的透明度 opacity:0.6; //0.6也是60%的透明度意思 这2个都要写上去,不然在不同浏览器下会有兼容性问题。

html-css 中让一个DIV的背景色是半透明的,但它的内容(文字图片之类的)不是透明的,这个的话,是可以通过设置2个div来实现的,第一个包裹着第二个div然后在设置相同的div宽高,在将第一个的opacity为0.6;代码如下: div{ widht:220px; height...

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

如果要实现透明边框,子元素不透明,那么就要用这个组合: {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f000000',endColorstr='#3f000000'); background-color:rgba(255, 255, 255, 0.3)}, 但要注意这两个属性中的颜...

*{ margin:0; padding::0;} #div1{width:300px; height:200px; position:relative; } . pos{ background:black; filter:alpha(opacity:30);opacity:0.3; height:100%;position:absolute;width:100%;top:0; z-index:1 } .box { width:300px; he...

不透明度会作用于整个元素以及它所有的子元素,子元素不透明度=父元素不透明度乘以子元素本身不透明度,而opacity的范围是0~1,所以就算把里面的div的opacity设为1也没有用,子元素是没办法获得大于父元素的不透明度值的。如果是万不得已视觉排版...

body{ background:url('http://e.hiphotos.baidu.com/image/w% 3D2048/sign=5f1e851cd60735fa91f049b9aa690fb3/f703738da9773912471da266fa198618367ae2fa.jpg'); } .div1{ position:relative; padding:100px; width:200px; height:200px; } /*...

DIV背景半透明,DIV中的字不半透明2006-10-21 13:55 图层背景半透明,字体颜色也半透明 图层背景半透明,字体颜色不半透明 带filter的层一定要有width属性,否则filter无效。 我们可以用CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效...

网站地图

All rights reserved Powered by www.ctrt.net

copyright ©right 2010-2021。
www.ctrt.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com