使用线性渐变的图像背景问题。

13 浏览
0 Comments

使用线性渐变的图像背景问题。

这个问题已经有答案了：

如何在同一个元素上结合背景图像和CSS3渐变？

我有一个使用图像作为背景的 div 的问题。

当我尝试给它添加线性渐变时，背景消失了。

感谢帮助，对于这个问题的细微点我很抱歉，但我是新手。

.facebook{
    background-image: url(/img/facebook.jpg) linear-gradient(from left, 1 , 0);
}
.menu2style{
    border-top: solid 2px white;
    border-bottom: solid 2px white;
    height: 24.5%;
    display: flex;
    padding-left: 30px;   
    background-repeat: no-repeat;  
    background-size: cover;
    font-family: 'Bungee Outline', cursive;
    font-weight: 900;
    font-size: 90%;
    justify-content: flex-start;
    color: white;
    padding-right: 25%;


 
                FACEBOOK

admin 更改状态以发布 2023年5月23日
0

1 答案

0 Comments

例如:

.facebook {
  background-image: url(https://images.unsplash.com/photo-1665507254439-fe45f1417c13?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxNHx8fGVufDB8fHx8&auto=format&fit=crop&w=600&q=60), linear-gradient(to left, #000 50%, #fff 0%);
}
.menu2style {
  border-top: solid 2px white;
  border-bottom: solid 2px white;
  height: 24.5%;
  display: flex;
  padding-left: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Bungee Outline', cursive;
  font-weight: 900;
  font-size: 90%;
  justify-content: flex-start;
  color: white;
  padding-right: 25%;
}


    FACEBOOK

0