[英]How to put CSS on background image
所以,我有一个 div
<div id="particles-js" >
在 css 我有
#particles-js{ width: 100%; height: 100%; background-color: #b61924; background-image: url("../js/image.jpg"); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
但我还需要在图像设置背景之前在图像上添加一些黑色叠加效果。 怎么做?
图像风格..
.image { width:100%; vertical-align:top; content:'\A'; position:absolute; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); opacity:0.5; transition: all 0.5s; -webkit-transition: all 0.5s; }
你可以试试这个。 它将为图像添加黑色叠加层。 您可以将 rgb 更改为 rgba 以使其更透明。
background:linear-gradient(0deg, rgb(0, 0, 0), rgb(0, 0, 0)), url("../js/image.jpg");
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.