Css I'；我得到的是透明的文本，我只想要透明的背景。我该如何修复它？

这是使窗口透明的CSS：

<style type="text/css">
.tooltip {
 background:#1C1C1C url(/tools/img/tooltip/black_arrow.png);
 font-size:12px;
 font-weight: bold;
 height:80px;
 width:250px;
 padding: 10px 0px 20px 20px;
 color:white; 
 filter:alpha(opacity=60);
 opacity:.6;
}
</style>

.工具提示{
背景：#1cURL（/tools/img/tooltip/black_arrow.png）；
字体大小：12px；
字体大小：粗体；
高度：80px；
宽度：250px；
填充：10px 0px 20px 20px；
颜色：白色；
过滤器：α（不透明度=60）；
不透明度：.6；
}

---

如何更改它，使文本不透明？谢谢

从.tooltip容器中取消嵌套文本

<div class="container">
   <div class="tooltip"></div>
   <div class="text"></div>
</div>

使用带.tooltip和.text的绝对定位将文本覆盖在工具提示顶部。我相对确信，嵌套在不透明容器中的任何内容都将继承相同的不透明性

非透明元素“内部”透明元素上的绝妙短裙

---

希望有帮助：）

使用

rgba

作为背景，而不是

opacity

属性：

background-color: rgba(28, 28, 28, 0.6);

当然，这只在现代浏览器中受支持（强烈关注IE8及以下版本），因此IE8和IE7需要一个透明的png文件

然而，您已经在这里使用了背景图像，所以事情变得有点棘手。查看是否可以将当前背景图像指定给另一个元素，或者其他一些元素来删除该背景图像

然后，你必须注意IE6——它不支持透明png。使用或类似的脚本获得IE6的透明png支持

---

可用于检测对

rgba

的支持，因此您的最终解决方案可能类似于：

.tooltip {
   background-color: #565656;
}

.rgba .tooltip {
   background-color: rgba(28, 28, 28, 0.6);
}

.no-rgba .tooltip {
   background-color: transparent;
   background-image: url('transparent.png');
}

还有一些JavaScript：

if(!Modernizr.rgba){
     DD_belatedPNG.fix('.tooltip');
}