Div css背景图像未显示100％高度
作者：互联网
2026-04-08
HTML教程
我不知道为什么这个css工作时我在body标签设置为100％高度时使用背景图像但是当我在div上使用它时它没有显示全高(仅显示屏幕高度)
这是代码：
CSS
body{position:relative;padding: 0;overflow-x: hidden;font-family: "Titillium Web";color:#fff;width: 100%;}#bg{height:100%;background-color: #030000;background-image: url(img/bg.jpg);background-repeat: no-repeat;background-position: top center;background-size: 100% auto;} 我不想使用背景尺寸：请盖好
设置正文和html高度：100％body,html{ height: 100%; margin:0;}body{position:relative;padding: 0;font-family: "Titillium Web";color:#fff;width: 100%;}#bg{height:100%;background-color: #030000;background-image: url(img/bg.jpg);background-repeat: no-repeat;background-position: top center;background-size: 100% auto;} DEMO HERE
如果你想要全身做这个：
body,html{ height: 100%; margin:0;}body{ position:relative; padding: 0; font-family: "Titillium Web"; color:#fff; width: 100%; background-color: #030000; background-image: url(http://www.abelabad.com/abad/img/bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; background-attachment: fixed}#bg{ height:100%;} DEMO HERE
相关推荐
