CSS3 不透明度属性到背景图像之一

Archita Sundaray
background: url('./images/pattern.png'), linear-gradient(to bottom right, rgb(62,131,255), rgb(64,126,253), rgb(99,22,203), rgb(122,5,240));

这是上面的代码,我只想将不透明度应用于 png 图像而不是线性渐变颜色。有可能这样做吗?

提前致谢。

气候

您可以使用::after伪元素。

div#bg {
    /* Assuming other properties are set */
    background: linear-gradient(to bottom right, rgb(62,131,255), rgb(64,126,253), rgb(99,22,203), rgb(122,5,240));
}

div#bg::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url('./images/pattern.png');
    opacity: 0.5;
}

工作示例。

阅读CSS pesudo-element

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

多个CSS 3背景图像-在顶部图像中添加不透明度

来自分类Dev

如何使用CSS为div的背景图像设置不透明度或降低亮度

来自分类Dev

带旋转,重复和不透明度的CSS背景图像

来自分类Dev

如何使用CSS设置背景图像的不透明度?

来自分类Dev

尝试使用 css 为背景图像添加不透明度

来自分类Dev

css背景图像部分宽度不透明度

来自分类Dev

CSS3:不透明度与过滤器不透明度?

来自分类Dev

CSS3:不透明度与过滤器不透明度?

来自分类Dev

在CSS中更改背景图片的不透明度

来自分类Dev

背景图片不透明度不起作用[HTML / CSS]

来自分类Dev

CSS背景图片不透明度会影响其中的子级

来自分类Dev

CSS不透明度影响兄弟图像的不透明度

来自分类Dev

jQuery设置CSS背景不透明度

来自分类Dev

使用CSS更改背景不透明度

来自分类Dev

CSS背景不透明度-意外结果

来自分类Dev

图像叠加层上的 CSS 不透明度

来自分类Dev

CSS-100%不透明表格单元格超过95%不透明度背景图片

来自分类Dev

CSS-100%不透明的表格单元格超过95%不透明度的背景图片

来自分类Dev

CSS3动画过渡:不透明度不起作用

来自分类Dev

CSS3不透明度的最大精度是多少?

来自分类Dev

CSS3转换不透明度脉动

来自分类Dev

子元素的CSS3过渡不透明度

来自分类Dev

CSS3动画过渡:不透明度不起作用

来自分类Dev

CSS3不透明度的最高精度是多少?

来自分类Dev

无法将 Photoshop 不透明度转换为 CSS3

来自分类Dev

[HTML] [CSS]如何更改背景图片的不透明度,但不更改其上的文字?

来自分类Dev

CSS线性不透明度

来自分类Dev

CSS3不透明效果

来自分类Dev

CSS3关键帧动画不透明度中断z-index顺序

Related 相关文章

热门标签

归档