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;}还有一种仅让背景半透明,里面内容不会透...

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

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

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

根据不同的应用场景和兼容性要求,有多种方法实现背景半透明。 在比较现代的浏览器中大多支持背景颜色的rgba颜色。可以如下设置background-color:rgba(255,255,255,0.5)/*背景颜色白色,50%透明度*/ 使用opacity属性,对已设置background-color...

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

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

可以参考以下我的这个代码: XXX:{ border: 5px solid rgba(XXX, XXX, XXX, 0.5) } 其中第一个XXX是你选择的需要半透明的元素 接下来的XXX是你想要半透明的颜色 设置透明度为0.5就可以做到半透明了。

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

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

网站地图

All rights reserved Powered by www.ctrt.net

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