更改图像后面的背景颜色 css

Question

在 CSS 中，我使用 gif 作为背景图片：

background: url(http://*URL of gif*) no-repeat 50% 50%;

但根据屏幕尺寸，我仍然可以稍微看到图像后面的背景（它是白色的）。如何更改该图像背后的颜色？我想把它改成黑色。

Answer 1

你用的是后台的简写，可以写成

background-image : background-color : background-size : background-repeat :

Answer 2

背景 shorthand 属性由其他八个属性组成：

background-image
background-position
background-size
background-repeat
background-attachment
background-origin
background-clip
background-color

因此，shorthand 属性可以写成：

background : <background-image> <background-position> <background-size> <background-repeat> <background-attachment> <background-origin> <background-clip> <background-color>

在你的情况下你会使用这个（因为你想要黑色）：

background: url(http://*URL of gif*) no-repeat 50% 50% black;

参见下面的示例：

div {
    background :url('http://i.stack.imgur.com/SZHzX.jpg') top center no-repeat black;
    padding: 10px;
    width:100%;
    height:300px;

}

<div></div>

希望对您有所帮助！！！

Answer 3

只需在声明中包含背景颜色即可

background: yourcolor url(http://*URL of gif*) no-repeat 50% 50%;

Answer 4

无法更改背景 "behind" 设置为背景的图像，但这也不是您想要的。

背景 shorthand 还可以让您设置颜色值。在图像未覆盖背景的任何地方都可以看到。

所以只需使用：

background: url(http://url) 50% 50% no-repeat #000;

更改图像后面的背景颜色 css

Changing the colour of background behind image css

css

background-image

background-color