css背景图像_Css - Fatal编程技术网

css背景图像

css

css背景图像,css,Css,为什么背景图像不能使用 HTML 除了前面提到的拼写错误之外这里的问题是容器的大小和背景图像的大小。您的图像在顶部有很大的空间，对于容器的大小，您将看不到任何内容。检查是否将“背景大小”属性更改为：背景大小：100%100% 对于porperty，您还可以使用contain：背景图像应缩放至尽可能大，同时确保其尺寸小于或等于背景定位区域的相应尺寸除了前面提到的拼写错误之外这里的问题是容器的大小和背景图像的大小。您的图像在顶部有很大的空间，对于容器的大小，您将看不到任何内容。检查是否将“

为什么背景图像不能使用

HTML

除了前面提到的拼写错误之外

这里的问题是容器的大小和背景图像的大小。您的图像在顶部有很大的空间，对于容器的大小，您将看不到任何内容。检查是否将“背景大小”属性更改为：

背景大小：100%100%

对于porperty，您还可以使用contain：

背景图像应缩放至尽可能大，同时确保其尺寸小于或等于背景定位区域的相应尺寸

除了前面提到的拼写错误之外

背景大小：100%100%

对于porperty，您还可以使用contain：

背景图像应缩放至尽可能大，同时确保其尺寸小于或等于背景定位区域的相应尺寸

宽度：100%取决于父元素的宽度。而且还没定下来。这就是为什么。因此，将CSS更改为：

.container{
  width:300px;
  height:385px;
  background-image:url(http://fc08.deviantart.net/fs71/i/2013/082/a/c/png_grass_by_moonglowlilly-d5z1o5t.png);
  background-position: center top;
  background-size: 100% auto;
  background-size:cover;
  border-bottom:1px solid #3f4858;
  background-repeat:repeat-x;
  left:0px;
  top:0px;
}

还有为什么您的HTML样式=背景色：红色；？您想使用png\u grass\u by\u moonglowlilly-d5z1o5t.png作为背景图像还是红色？或者你想让PNG图像的透明度变成红色

宽度：100%取决于父元素的宽度。而且还没定下来。这就是为什么。因此，将CSS更改为：

.container{
  width:300px;
  height:385px;
  background-image:url(http://fc08.deviantart.net/fs71/i/2013/082/a/c/png_grass_by_moonglowlilly-d5z1o5t.png);
  background-position: center top;
  background-size: 100% auto;
  background-size:cover;
  border-bottom:1px solid #3f4858;
  background-repeat:repeat-x;
  left:0px;
  top:0px;
}

还有为什么您的HTML样式=背景色：红色；？您想使用png\u grass\u by\u moonglowlilly-d5z1o5t.png作为背景图像还是红色？或者你想让PNG图像的透明度变成红色

试试这个：

.集装箱{ 宽度：300px；身高：385px；背景图片：url'http://fc08.deviantart.net/fs71/i/2013/082/a/c/png_grass_by_moonglowlilly-d5z1o5t.png'; 背景位置：中上；背景尺寸：100%自动；背景尺寸：封面；边框底部：1px实心3f4858；背景重复：重复-x；左：0px；顶部：0px； } 试试这个：

图像大小为1024x819px，草从顶部232px开始，因此您需要定位背景图像或更改div.container大小，以便在给定大小内适合图像

容器大小已更改的演示-1：

仅使用代码片段更改图像位置的演示-2：

只需注意背景位置，我已更改为0px-232px

图像大小为1024x819px，草从顶部232px开始，因此您需要定位背景图像或更改div.container大小，以便在给定大小内适合图像

容器大小已更改的演示-1：

仅使用代码片段更改图像位置的演示-2：

只需注意背景位置，我已更改为0px-232px

pelase，你能解释一下到底是什么不起作用吗？内联属性background:red覆盖了背景图像…pelase，你能解释一下到底是什么不起作用吗？内联属性background:red覆盖了背景图像…我想用repeat-x做它如果我使用这个，那么背景repat就不起作用了。我一直在寻找这个答案。然而，有一件事我不明白为什么有人给我减分。@我不知道这里的每个用户都可以通过投票给出意见。但在未来，请尽量让你的问题更清楚。。。。比如为什么它不起作用？预期产出是多少。但对我来说，这是非常好的，包括代码和一个演示，很明显的问题是upvoted非常感谢你的帮助回答。我能问你一些问题吗？我想用repeat-x如果我使用这个，那么背景repat就不起作用了。我一直在寻找这个答案。然而，有一件事我不明白为什么有人给我减分。@我不知道这里的每个用户都可以通过投票给出意见。但在未来，请尽量让你的问题更清楚。。。。比如为什么它不起作用？预期产出是多少。但对我来说，这是非常好的，包括代码和演示，很明显问题已经解决了。非常感谢你的回答。我能问你一些问题吗？谢谢你的帮助。这会有帮助的。但我不明白为什么有人给我投反对票：/谢谢你的帮助。这会有帮助的。但我不明白为什么有人给我负vo te:/

.container{
  width:300px;
  height:385px;
  background-image:url(http://fc08.deviantart.net/fs71/i/2013/082/a/c/png_grass_by_moonglowlilly-d5z1o5t.png);
  background-position: center top;
  background-size: 100% auto;
  background-size:cover;
  border-bottom:1px solid #3f4858;
  background-repeat:repeat-x;
  left:0px;
  top:0px;
}