【问题标题】:CSS background doesn't fit properly / is cut offCSS 背景不合适/被切断
【发布时间】:2018-09-21 04:20:20
【问题描述】:

我的背景突然中断的问题。它以前在 chrome 上正常工作,但现在我在页面中间切断了 (http://prntscr.com/kwsaxn)。

我的 CSS 代码:

html, body {
background: url(../images/background.jpg) no-repeat center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; 
}

在头部执行:

 <link rel="stylesheet" href="css/style.css">

我似乎没有在网上找到任何解决方案,但也许就像我上一个问题一样简单,我只是错过了一些东西。

也许它与在它结束的地方被调用有关,但我之前有过这样的事情,当时它仍然有效。

PS:我在 edge、chrome 和我的 iphone safari 上对其进行了测试。

谢谢:)

【问题讨论】:

  • htmlbody 元素可能不会填满整个屏幕,具体取决于您定位子元素的方式(如“服务器统计”列)。您是否尝试过在开发者工具中突出显示 &lt;html&gt;&lt;body&gt; 标记以查看它们的界限?
  • 它们不是很大,但是里面的图片被截断了(html/body标签比图片大)
  • 尝试使背景尺寸:100%,背景位置:中心中心。希望这会奏效
  • 没什么变化,抱歉。

标签: html css css-selectors css-float


【解决方案1】:

请给出网站链接或codepen编辑器

【讨论】:

  • 兄弟,您必须更改图像。图像高度不好,这就是为什么会发生这种情况。这是图像的链接,您可以看到它link ...它的高度太短,无法放入浏览器中.image 创建问题。更改图像
  • 谢谢。我从我的电脑重新上传了图像,但我从未更改过它。抱歉,没想到图片有问题 :D
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-01-17
  • 2021-01-30
  • 2012-06-02
  • 2013-12-02
相关资源
最近更新 更多