[小技巧]兼容IE6的纯CSS背景半透明文字不透明

最新推荐文章于 2025-07-17 12:53:55 发布

iteye_18480

最新推荐文章于 2025-07-17 12:53:55 发布

阅读量135

点赞数

文章标签：前端 ViewUI

本文介绍了一种在Internet Explorer浏览器中实现背景半透明效果的方法，通过CSS和特定于IE的滤镜属性完成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>
IE背景半透明
</title>
<styletype="text/css">
.alpha{
width:100px;
height:100px;
color:#fff;
background:rgba(0,0,0,.3);
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#50000000, endColorstr = #50000000)\9;
}
:root.alpha{
filter:none; /*for IE9*/
}
</style>
</head>
<body>
<divclass="alpha">
文字文字
</div>
</body>
</html>

=======================签名档=======================
原文地址（我的博客）：http://www.clanfei.com/2013/07/1714.html
欢迎访问交流，至于我为什么要多弄一个博客，因为我热爱前端，热爱网页，我更希望有一个更加自由、真正属于我自己的小站，或许并不是那么有名气，但至少能够让我为了它而加倍努力。。
=======================签名档=======================