背景大小:封面突然停止在谷歌浏览器中工作?

mal*_*lfy 28 css google-chrome cover css3

还有其他人有这个问题吗?我创建网站为生,有些人使用css属性background-size: cover.大约一周前,所有具有此属性的网站都不再显示在Google Chrome中.(所有其他浏览器都运行正常.)还有其他人遇到过这种情况吗?它只是我的谷歌铬或做了一些改变?因为背景在大约一周前正常显示,我没有改变任何东西.他们刚刚停止正常展示,似乎无处不在......

mal*_*lfy 30

最佳实践:始终先设置背景图像,然后设置背景尺寸.

  • +1。我刚被这个咬在后面。把它放在错误的顺序在 Chrome 中恢复为自动,检查员没有提供任何关于原因的线索。 (2认同)

小智 15

你只需要使用!important:

background-size: cover !important;
Run Code Online (Sandbox Code Playgroud)


wry*_*ere 14

我刚刚在Chrome中遇到了这个问题.

上述答案都不适合我.具体来说,我试图将<body>元素背景设置为background-size: cover.但是,背景图像永远不会垂直延伸以填充页面.

经过一些反复试验,我发现将<html>元素宽度和高度设置为100%可以解决Chrome中的问题.(对于它的价值,改变<body>元素的宽度和高度似乎没有效果.)

在我的CSS中,我有以下规则来解决这个问题:

html {
  width: 100%;
  height: 100%;
}
Run Code Online (Sandbox Code Playgroud)