为ajax TabPanel制作背景半透明

时间:2014-01-23 21:54:42

标签: html asp.net css ajaxcontroltoolkit

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

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

我尝试将其用作样式,但它似乎无法在Chrome或IE中使用。我认为这是CSS 3.0,可能不支持? (它显示了Visual Studio中的CSS 2.0验证错误)

背景色:RGBA(255,255,255,0.5)

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

你不能这样做吗?

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

使用>选择器,仅在.TabContainer和.TabPanel上设置不透明度,但不设置其子元素。