为了账号安全,请及时绑定邮箱和手机立即绑定

​css中怎么样设置透明度?

​css中怎么样设置透明度?

GEEEEK 2015-06-25 10:32:53
css中怎么样设置透明度?CSS!!!!CSS!!!CSS!!!
查看完整描述

2 回答

已采纳
?
Perona

TA贡献355条经验 获得超403个赞

opacity: value|inherit;

value    规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。    测试    

inherit    应该从父元素继承 opacity 属性的值。    

注意:这是css3,低版本的IE不兼容。

不过低版本的IE有滤镜功能,可以这样写:

filter:alpha(opacity=value);

value   取值0至100之间的任意数值,100表示完全不透明

查看完整回答
2 反对 回复 2015-06-25
?
Hellcat707

TA贡献6条经验 获得超13个赞

如果你要设置透明度,你需要在要透明层的div上加以下CSS代码,不同的浏览器代码有区别:

div{

filter:alpha(opacity=50); /*支持 IE 浏览器*/

-moz-opacity:0.50; /*支持 FireFox 浏览器*/

opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/


举个实例来说,把类为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; -moz-opacity:0.3;-khtml-opacity: 0.3}

</style>

其中background:#000; filter:alpha(opacity:30); opacity:0.3;为关键代码,当opacity值为1时,表示完全不透明,为0时表示完全透明。


查看完整回答
2 反对 回复 2015-06-26
  • 2 回答
  • 5 关注
  • 1680 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信