【发布时间】: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 上对其进行了测试。
谢谢:)
【问题讨论】:
-
html和body元素可能不会填满整个屏幕,具体取决于您定位子元素的方式(如“服务器统计”列)。您是否尝试过在开发者工具中突出显示<html>或<body>标记以查看它们的界限? -
它们不是很大,但是里面的图片被截断了(html/body标签比图片大)
-
尝试使背景尺寸:100%,背景位置:中心中心。希望这会奏效
-
没什么变化,抱歉。
标签: html css css-selectors css-float