CSS灰色文本不透明度和Firefox颜色问题

时间：2010-10-06 16:06:23

标签： css firefox opacity

我正在使用以下jQuery函数来更改文本的不透明度（它的颜色：＃999999）

$('.small_buttons').css('opacity', 0.3);

效果在Chrome或甚至是Internet Explorer 8中看起来都很不错，但在当前版本的Firefox（3.6.10）中，这个文字变得非常奇怪的绿色，而不是漂亮的浅灰色。

截图：

铬：

http://imgur.com/eTlAg.png

火狐：

http://imgur.com/QAOF0.png

帮助表示感谢！

更新： 例如：http://jsfiddle.net/YnDFr/1/

2 个答案:

答案 0 :(得分：2)

看起来是因为元素没有背景，或者指定为透明。尝试添加与其容器相同的背景。

答案 1 :(得分：2)

fyi：我和FF 3.6有同样的问题，找到了以下解决方案，它实际上适用于各种浏览器。 IE＆lt; 9.0;

只需使用以下语法： color: rgba(r,g,b,opacity);

即： color: rgba( 153, 153, 153, .5) ;

这导致 color: #999999; 和 opacity: .5; 如果您的文字在透明DIV上，则无需应用背景色。大多数现代浏览器，甚至IE 9.0都支持RGBA（）颜色定义

相关问题
最新问题