Question

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

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

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

Answer 1

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

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

因此，速记属性可以写成：

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 2

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

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

Answer 3

你正在使用背景短手，你可以把它写成

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

Answer 4

没有办法改变背景＆＃34;背后＆＃34;设置为背景的图像，但这也不是您想要的。

背景速记还为您提供了设置颜色值的可能性。在图像未覆盖背景的任何地方都可以看到。

所以只需使用：

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

改变图像css背后的背景颜色

4 个答案: