我正在尝试获取HTML元素(body,div等)的背景图像以拉伸其整个宽度和高度.
没有太多运气.除了作为背景图像之外,它是否可能或者我必须以其他方式做到这一点？
我目前的CSS是:
body {
background-position: left top;
background-image: url(_images/home.jpg);
background-repeat: no-repeat;
}
提前致谢.
编辑:我并不热衷于在Gabriel的建议中维护CSS,所以我改变了页面的布局.但这似乎是最好的答案,所以我将其标记为这样.
在这个页面上,我有一个双色背景.页面的结构是:
<body>
<div id="upbg"/>
<div id="container"/>
</body
通过向upbg添加深色背景图像并在身体上添加较亮的背景图像来实现此背景.upbg的css是:
#upbg {
background: #FFFFFF url(images/bg-dark.jpg) repeat-x scroll 0 0;
height: 275px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
如果您使浏览器窗口非常窄以显示滚动条,那么如果您向右滚动,您会注意到upbg的背景图像不会填满页面的整个宽度.
我的猜测是因为'width:100%'表示浏览器窗口的宽度,而不是页面的整个宽度,有没有办法解决这个问题？
谢谢,唐