我正在制作一个网站,只使用 jquery-ui 作为主题。
好吧,在我的应用程序中,我需要对列表中的每一行进行交替颜色处理。现在所有的行都只是 .ui-widget-content
的颜色。嗯,我可以毫无问题地在交替行上应用一个类,但我希望交替颜色是 .ui-widget-header
中背景颜色的非常透明的版本。我将如何只使用 html jquery 和 CSS 来做到这一点? (虽然我真的希望不必使用 javascript 来完成这个小技巧)
最佳答案
最简单的方法是在 Photoshop、Fireworks、GIMP、Kreta 等中创建一个小的平面图像,并在那里设置颜色/不透明度。上述解决方案将允许透明度,但它们是
1) 不符合标准并且
2) 它们可能导致 div 中包含的文本也透明(通常是设计中不希望的结果)。
所以...
.ui-widget-content-alt {
background: transparent url(images/my_80%transparent_black_bg.png) top left repeat;
}
.ui-widget-content {
background: transparent url(images/my_80%transparent_white_bg.png) top left repeat;
}
关于css - 使类(class)的背景颜色透明?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2224610/