【问题标题】:Opacity of background-color of divider without text being faded不褪色的分隔线背景颜色的不透明度
【发布时间】:2013-03-26 01:53:13
【问题描述】:

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

具体代码如下:

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

【问题讨论】:

  • 如果元素被赋予了不透明度,它里面的文本将会受到影响。您可以使用具有不透明度的图像并将其设置为背景,也可以将其设置为 h3 的兄弟并将其放置在 h3 的后面。

标签: css background opacity background-color divider


【解决方案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;
 }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-02-05
    • 2015-02-10
    • 1970-01-01
    • 2017-08-11
    • 2013-07-05
    • 2021-10-26
    • 2017-03-20
    相关资源
    最近更新 更多