Html 覆盖不透明度样式

Html 覆盖不透明度样式,html,css,styles,opacity,Html,Css,Styles,Opacity,我有一页在 你可以看到半透明的div,不透明度设置为0.7。 现在,我想覆盖该页面上图像的不透明度,但我似乎无法创建一个不透明度因子为1.0的样式,因为它根本不是透明的,但它相对于设置的70%Opportacity,我似乎只会变得更透明,而不是更少。。。 我该怎么做 谢谢 我知道这是一个解决办法,但我通常只使用Photoshop更改图像的不透明度,有时甚至是纯色。如果我正确理解了这个问题,您可以在CSS中使用rgba样式而不是不透明度 #contentbg { background:rg

我有一页在 你可以看到半透明的div,不透明度设置为0.7。 现在,我想覆盖该页面上图像的不透明度,但我似乎无法创建一个不透明度因子为1.0的样式,因为它根本不是透明的,但它相对于设置的70%Opportacity,我似乎只会变得更透明,而不是更少。。。 我该怎么做


谢谢

我知道这是一个解决办法,但我通常只使用Photoshop更改图像的不透明度,有时甚至是纯色。

如果我正确理解了这个问题,您可以在CSS中使用rgba样式而不是不透明度

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

只需将255个值替换为您想要的背景的RGB值。这样,背景将是透明的,而不是图像和文本。

不要认为这是可能的,只要图像是半透明div的子对象。可能是重复的是-这将完全符合您的设计要求。您已经在我们讨论的面板中使用了CSS渐变-您可以将所有rgb(xxx,yyy,zzz)颜色转换为rgba(xxx,yyy,zzz,0.7),看起来应该完全相同。但是请注意,一些浏览器/功能较弱的机器可能难以在其他元素上使用大面积的透明渐变平滑渲染和滚动。在您的情况下,使用透明的.png可能会提供更好的性能。