覆盖不透明风格

我有一个网页http://quaaoutlodge.com/content/activities 你会发现半透明的div的不透明度设置为0.7。现在我想重写该页面上图像的不透明度，但我似乎无法创建一个样式，相对于1.0的不透明度因素根本不透明，但它与70％不透明度相关我似乎只是变得更加透明而不是更少...... 我该怎么做？覆盖不透明风格

谢谢！

来源

2013-02-11 cerr

不要认为这是可能的，只要图像是半透明的div的孩子。 – moettinger 2013-02-11 22:35:43

[在透明父元素之上创建非透明div]的可能副本（http://stackoverflow.com/questions/2356711/create-non-transparent-div-on-top-of-transparent-parent-element） – Jon 2013-02-11 22:35:57

我知道这是一种解决方法，但我通常只是在Photoshop中更改图像的不透明度，有时甚至是纯色。

来源

2013-02-11 22:39:21 Rahul

如果我正确理解问题，则可以在CSS中使用rgba样式而不使用不透明度。

#contentbg { 
    background:rgba(255, 255, 255, 0.7); 
}

只需将255值替换为您想要背景的RGB值即可。这样，背景将是透明的，但不是图像和文字。

来源

2013-02-11 22:54:30

是的 - 这将做你想要的设计。你已经在我们讨论的面板中使用了CSS渐变 - 你可以将所有的rgb（xxx，yyy，zzz）颜色转换为rgba（xxx，yyy，zzz，0.7），并且它应该看起来完全一样。但请注意，某些浏览器/功能较弱的机器可能难以在其他元素的透明渐变的大范围内平滑地进行渲染和滚动。在你的情况下，使用透明的.png可能会给你更好的性能。 – Beejamin 2013-02-12 19:56:17

覆盖不透明风格

回答

相关问题