css - 使类(class)的背景颜色透明?

标签 css jquery-ui transparency

我正在制作一个网站,只使用 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/

相关文章:

html - Bootstrap - 从导航栏链接中删除背景

python - 使用 Selenium 提取星级

javascript - JQuery UI 可排序滚动到页面底部

JQuery 可在固定高度的 div 中拖动和滚动

css - 部分div透明?

php - 重命名 html、php 和 css 文件中的文本

css - 创建具有多个类的 Stylus 变量并在编译中连接

jquery - 为什么我的div不淡出

silverlight - 如果不透明度小于 1,透明度不会更透明

python PIL : Create indexed color image with transparent background