www.ctrt.net > Div 半透明

Div 半透明

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

div { background-color: rgba(111, 1, 211, 0.8); color: red; } rgba(),css3里才有的,所有只有支持css3的浏览器才支持,a是指透明度,取值0.0-1 如果用opacity就感觉文字也透明了........影响外观,阅读 还有一种兼容的方法,主要兼容不支持使用r...

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不能包含在透明div里~~)

*{ 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...

现在比较稳妥的做法是做一个半透明的黑色PNG图片,然后把它作为背景,因为单纯用CSS来写,在IE8及以下版本里面是不生效的。当然如果一定要用CSS来实现的话,也容易,可以直接设置这个元素的透明度,例如下面这样: background:#000; opacity: 0....

在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...

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

如何设置div的透明度但是其中的文字不透明: 设置div透明度的时候可能很多朋友会遇到这样一个问题,那就是对象中的文字也被产生了透明现象,也不能说事缺陷,也可能有时候需要这样的效果。这里就介绍一下如何将对象设置为透明效果,但是文字不透...

网站地图

All rights reserved Powered by www.ctrt.net

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