使ajax TabPanel的背景半透明答案

【问题标题】：Make background semi-transparent for ajax TabPanel使ajax TabPanel的背景半透明
【发布时间】：2014-01-24 06:08:27
【问题描述】：

我有一个 ASP.NET Web 应用程序，它的主页上有一个 Ajax Control Toolkit TabContainer。我希望 TabContainer 和子 TabPanel 都具有半透明背景，这样您就可以通过 TabPanel 的背景看到主页的背景图像。

我不想只设置不透明度，因为这会使前景的东西也变得不透明。我也不想将 TabPanel 的背景颜色设置为透明，因为我真的希望它是半透明的。

我尝试将其用作一种样式，但它似乎不适用于 Chrome 或 IE。我认为它是 CSS 3.0，可能不支持？（它在 Visual Studio 中显示 CSS 2.0 验证错误）

背景色：rgba(255,255,255,0.5)

有什么建议吗？

【问题讨论】：

【解决方案1】：

你不能这样做吗？

body>.TabContainer,.TabContainer>.TabPanel{opacity:.5;}

使用> 选择器，这仅在 .TabContainer 和 .TabPanel 上设置不透明度，但不设置它们的子元素。

【讨论】：