css - 不褪色的分隔线背景颜色的不透明度

Question

有没有办法让分隔线的背景图像改变它的不透明度而不影响文本？我正在开发的网站是ubertechnews.com，用于首页上的类别背景。很烦人。

具体代码如下所示：

.recent-cat .entry.orange h3 {
background: #e8af00;
width: 207px;
text-shadow: 1px 1px 1px #c19100;
opacity: .6;

Answer 1

我不确定您是否在谈论您的 css 中的背景图像或背景颜色，但如果它是 css3 浏览器（不是 internet explorer 8 及以下版本），您可以执行 rgba()。

 .recent-cat .entry.orange h3 {
 background: rgba(232,175,0,0.6);
 width: 207px;
 text-shadow: 1px 1px 1px #c19100;
 }