CSS,RGBA问题,RGBA透明度无法显示,用火狐3+也显示不了~~

答案:2 悬赏:80 手机版

解决时间 2021-03-04 21:29

提问者网友：浮克旳回音
2021-03-04 07:11

代码是下面的,之前添加了IE浏览器兼容的代码在IE上也显示不了~请帮我看看代码有什么问题,
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<style type="text/css">

li.rgba{float:left;width:100px;border:80px;border:#0FF solid 1px;text-align:center;font-size:12px;}
li.rgba1{background-corol:rgba( 255,0,0,1);}
li.rgba2{background:rgba(255,0,0,0.8);}
li.rgba3{background:rgba(255,0,0,0.4);}
li.rgba4{background:rgba(255,0,0,0.2);}
li.rgba5{background:rgba(255,0,0,0.2);}
li.rgba6{background:rgba(255,0,0,0);}
</style>

<body>
<div class="example-opacity">
<p>css3的rgba效果</p>

<li class="rgba rgba1">alpha参数为1</li>
<li class="rgba raba2">alpha参数为2</li>
</div>
</body>
</body>
</html>

最佳答案

五星知识达人网友：鱼芗
2021-03-04 07:19

尊敬的用户，您好！很高兴为您答疑。
　　这种滤镜在火狐下并未实现支援，请知悉。
　　希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

全部回答

1楼网友：西岸风
2021-03-04 08:34

ff、ch、op、ie9、10都是可以的，用css3的rgba(但是你得放弃ie8以下的效果) 要兼顾ie6-8的话，两个办法： 1.不用透明度，用半透明的png图片做背景(ie6不支持png背景透明度，用dd_png.js可以很好解决这个问题) 2.用透明度，但内容和透明的背景实际上不是父子关系，而是单独的两个层，一个层设置透明度，内容那个层用定位放到有透明度那个层上面去重叠

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！