Google chrome 背景尺寸：谷歌Chrome中的封面突然停止工作？

还有其他人有这个问题吗？我以创建网站为生，有些网站使用css属性

background size:cover

。大约一周前，所有具有此属性的网站突然不再显示在谷歌Chrome上。（所有其他浏览器都工作正常。）还有其他人遇到过这种情况吗？这只是我的谷歌浏览器还是有什么变化？因为直到大约一周前，背景才正常显示，我没有改变任何东西。他们只是停止正常显示，似乎不知从何而来……

你必须对谷歌浏览器进行CSS破解

Use body:nth-of-type(1) .elementOrClassName{property:value;}

只适用于谷歌浏览器

Use body:nth-of-type(1) .elementOrClassName{property:value;}

对于你的情况

nth-of-type(1) .elementOrClassName{background-size:80px 60px;}

---

我突然遇到了同样的问题，不仅仅是GC，还有FF和Opera。我使用php函数为我的背景随机抽取图像，这就是我所拥有的

CSS:

和HTML/PHP：

$result .='<img alt="" style="background:url('.$thumbnail.')" src="/images/play1.png" /> '; 

HTML/PHP：

$result .='<img alt="" style="background:url('.$thumbnail.')" src="/images/play1.png" /> '; 

    $result .='<img alt="" style="background-image:url('.$thumbnail.')" style="background-repeat: no-repeat" style="background-size:cover" src="/images/play1.png" />'; 

$result.=''；

也许这是一个糟糕的解决方案，但它对我有效（到目前为止）希望这对某些人有所帮助：）

而不是使用：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

使用：

---

你只需要使用！重要：

background-size: cover !important;

---

以下是问题的解决方案，但并非适用于所有人。我估计此解决方案将帮助少数遇到作者问题的人。

如果您的容器与背景图像相比在垂直方向上太小，则“背景大小”选项可以在chrome中停止工作

我当时的处境是，我必须在一个7像素高的div上放置一个大背景图像的一小部分

在Chrome调试器中，将div高度更改为9像素会将背景大小“捕捉”到位

我的最终解决办法是重组我的部门，这样我就不会遇到这个问题

要查看此解决方案是否有助于您，请在Chrome调试器中放大您的div。如果在某个时候背景大小突然调整到位，则您知道这就是问题所在

试试这个

---

背景尺寸：包含

最佳实践：始终先设置背景图像，然后设置背景大小

我在Chrome上也遇到了这个问题

以上所有答案对我都不起作用。具体来说，我试图将

元素背景设置为

背景大小：cover

。但是，背景图像永远不会垂直延伸以填充页面

经过反复试验，我发现将

元素的宽度和高度设置为100%可以解决Chrome中的问题。（无论如何，更改

元素的宽度和高度似乎没有任何效果。）

在我的css中，我有以下规则来解决此问题：

html {
  width: 100%;
  height: 100%;
}

---

对我来说，以下内容适用于Chrome，IE 8，IE 9：

.itemFullBg{
background:url('image/path/name.png') no-repeat;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-size:100% 100%;      
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
    (src='image/path/name.png',sizingMethod='scale');
}

---

旧问题，但有类似的问题，结果是我需要添加和

到我正在应用的空div

背景大小：cover

中。

您可以通过设置标签的高度来解决问题。 例如，如果您有一个具有背景图像的页面，请在CSS中设置html和body标记的高度，如下所示：

html { height:100%;  min-height:100%;  } body{  min-height:100%;  }

---

希望这能帮上忙，因为这个网站有问题。。。。我不能回答我自己的问题七个小时！！！！！即使我知道了。我只想在别人有这个问题的时候回答。问题是我必须首先定义我的背景图像。然后设置size属性。首先设置大小，然后定义图像将不起作用。然而，大约一周前，这并不重要，不管它们的顺序如何，它仍然有效。@user1576497感谢您的努力。请在可能的情况下发布答案，并在可能的情况下接受（提问后48小时）。最佳做法：始终先设置

背景图像

，然后设置

背景大小

@leewitney@Ana，哇，你完全正确，谢谢你的引用。你应该因为将此作为答案提交而获得好评，因为它确实解释了问题的根源+1.如果不是您试图“覆盖”的元素的精确尺寸（首先是覆盖属性的整个点）+1，则会导致图像拉伸/挤压，奇怪但真实。这也适用于任何其他行为不正确的

background-*

属性，在我的例子中是

background repeat

和

background position

。这对我很有用！我使用的背景属性与！重要的是，我想背景尺寸也应该有。奇怪。有完全相同的问题，但这解决了它。+1。我只是被这咬了一口。将其按错误的顺序放在Chrome中会恢复为自动，并且检查员没有提供任何关于原因的线索。@maify+100令人敬畏的答案您应该将

样式
属性语句合并为一个，以获得有效的HTML，因此
背景图像：url（…）应该放在
背景的前面，重复
。现在您两次声明
样式
，这可能会导致浏览器出现问题。至少它是无效的HTML。
html { height:100%;  min-height:100%;  } body{  min-height:100%;  }