经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › 如何让这个DIV的背景色50%透明？

查看: 229|回复: 13

如何让这个DIV的背景色50%透明？ [复制链接]

16119014　楼主

新手上路

帖子: 7
体力: 29
威望: 0

发表于 2012-5-4 14:46:02 |显示全部楼层

问个CSS问题，一个<div class="touming"></div>
如何让这个DIV的背景色50%透明？

西部数码云主机4G内存500G仅需423元

使用道具举报

key1105　

高级会员

帖子: 190
体力: 648
威望: 2

发表于 2012-5-4 14:55:00 |显示全部楼层

.touming{ opacity:0.5;filter:alpha(opacity:'50')}

用心做更好
http://www.oozk.net/learn/

租服务器，上51IDC

使用道具举报

hanqun　

高级会员 

帖子: 344
体力: 560
威望: 0
居住地: 广东省深圳市

发表于 2012-5-4 14:56:38 |显示全部楼层

filter:alpha(opacity=0.5);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; 试试看

安于世安于这世间美好事

使用道具举报

hutia　

诘屈聱牙

荣誉管理

帖子: 5802
体力: 23573
威望: 367
居住地: 江苏省苏州市

发表于 2012-5-4 15:11:31 |显示全部楼层

hanqun 发表于 2012-5-4 14:56
filter:alpha(opacity=0.5);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; 试试看

一个小错误：
应该是
filter:alpha(opacity=50);

使用道具举报

hanqun　

高级会员 

帖子: 344
体力: 560
威望: 0
居住地: 广东省深圳市

发表于 2012-5-4 15:18:51 |显示全部楼层

hutia 发表于 2012-5-4 15:11
一个小错误：
应该是
filter:alpha(opacity=50);

不知道算不规范还是什么

filter:alpha(opacity=0.5); 也是有效果的

多谢提醒

使用道具举报

glelaine　

初级会员 

帖子: 44
体力: 177
威望: 0
居住地: 上海市浦东新区

发表于 2012-5-4 15:52:58 |显示全部楼层

filter:alpha(opacity=60);opacity:0.5; 可以的，一直都这么用

使用道具举报

16119014　楼主

新手上路

帖子: 7
体力: 29
威望: 0

发表于 2012-5-4 18:04:44 |显示全部楼层

非常感谢楼上的朋友们。

使用道具举报

UED　

蓝悦

超级版主

帖子: 1739
体力: 1073
威望: 1
居住地: 安徽省合肥市

发表于 2012-5-4 18:18:55 |显示全部楼层

这样变成文字都透明了应该用rgba和IE渐变滤镜做背景色透明而不是全透明

希望与坚持，勇气和坚韧。男人的职责。爱与幸福。
蓝色帮助

使用道具举报

wsph123　

高级会员 

帖子: 364
体力: 971
威望: 0
居住地: 辽宁省沈阳市

发表于 2012-5-4 20:13:43 |显示全部楼层

background-color:rgba(255,255,255,.5);

复制代码

在宅和常人之间徘徊！

使用道具举报

luludianxin　

新手上路 

帖子: 15
体力: 31
威望: 0
居住地: 河北省石家庄市

发表于 2012-5-5 09:41:12 |显示全部楼层

支持一下啊

谦恭者

使用道具举报

xiaoxiahan　

新手上路 

帖子: 5
体力: 12
威望: 0
居住地: 北京市昌平区

发表于 2012-5-7 15:04:44 |显示全部楼层

UED 发表于 2012-5-4 18:18
这样变成文字都透明了应该用rgba和IE渐变滤镜做背景色透明而不是全透明

能教一下这个怎么用吗？
我目前处理这种的时候都是使用2个层，其中背景层浮动。z-index:-1

使用道具举报

UED　

蓝悦

超级版主

帖子: 1739
体力: 1073
威望: 1
居住地: 安徽省合肥市

发表于 2012-5-7 16:18:04 |显示全部楼层

http://blog.linxz.de/ie_filter_css3_rgba_flash/

希望与坚持，勇气和坚韧。男人的职责。爱与幸福。
蓝色帮助

使用道具举报

qp3db　

金牌会员 

帖子: 133
体力: 3309
威望: 0

发表于 2012-5-7 16:26:14 |显示全部楼层

让JQuery来解决吧。
太多时候使用成熟框架，减少自己做兼容的工作是有必要的。
$("#ID").css({opacity : .6});

qp3db.com
80After官方网站

使用道具举报

julian1984　

初级会员 

帖子: 44
体力: 126
威望: 0

发表于 2012-5-8 09:01:44 |显示全部楼层

opacity: 这个参数支持ie6么？

使用道具举报

返回列表

		自动登录	找回密码
密码			注册

如何让这个DIV的背景色50%透明？ [复制链接]

浏览过的帖子

浏览过的版块