HTML - CSS: 跨浏览器半透明性

Question

我需要让我的淡入菜单项的背景半透明。

它必须是灰色的，但我仍然需要看到它下面的内容。

有没有一种简单的跨浏览器半透明解决方案？（最好不使用图像）

谢谢

- aneuryzm

Answer 1

selector {
    filter: alpha(opacity=50); /* internet explorer <em>/
    -khtml-opacity: 0.5;      /</em> khtml, old safari <em>/
    -moz-opacity: 0.5;       /</em> mozilla, netscape <em>/
    opacity: 0.5;           /</em> fx, safari, opera */
}

http://perishablepress.com/press/2009/01/27/cross-browser-transparency-via-css/

- Alec

---

现在你不再需要使用-moz-opacity或-khtml-opacity，除非你需要支持非常旧版本的Firefox/Safari。它们现在都支持普通的opacity（而且已经支持了一段时间）。Konqueror从来没有使用过-khtml-opacity。 - bobince

Answer 2

所有浏览器的CSS透明度设置
http://css-tricks.com/css-transparency-settings-for-all-broswers/

本文介绍了如何在所有浏览器中实现CSS透明度设置。CSS属性“opacity”可以用于设置元素的透明度，但是在不同的浏览器中有不同的写法。本文提供了一些通用的CSS代码，可以使透明度设置在各种浏览器中都能正常显示。

- Robert Harvey