<分区>
标签 css
<分区>
我如何给一个 div 一个背景图像然后让它变暗一点,当我悬停在 div 上时我想要更暗的删除
<div id="bg">
<h1>Cat</h1>
</div>
CSS:
#bg{
height: 200px;
width: 200px;
background: rgba(0,0,0,0.7) url(http://i.imgur.com/IMiabf0.jpg) ;
background-size: cover;
color: red
}
#bg:hover{
background:url(http://i.imgur.com/IMiabf0.jpg) ;
}
最佳答案
试试这个:
#bg{
height: 200px;
width: 200px;
background:linear-gradient(rgba(0,0,0, 0.7), rgba(0,0,0, 0.7)), url(http://i.imgur.com/IMiabf0.jpg) ;
background-size: cover;
color: red
}
#bg:hover{
background:url(http://i.imgur.com/IMiabf0.jpg) ;
background-size: cover;
}
关于css - 背景图像和颜色在一起,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34567752/