#data-wrapper {
background:url("../images/repeat-bg.png") repeat-y 0 46px transparent;}
我想从repeat-bg.png
开始repeat-y
,但46px
之后的#data-wrapper
区域之后。有可能这样做吗?
答案 0 :(得分:4)
你的意思是前46个像素没有背景图像?
不,那是不可能的,对不起。你必须解决它,例如使用另一个div
边距。
答案 1 :(得分:1)
您需要将背景图像应用于包含46px边距的div。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
#container {
background:url("../images/repeat-bg.png") repeat-y; margin-top:46px; height:600px;}
/* height:600px is only critical to the demo code and can be removed once the page has content */
</style>
</head>
<body>
<div id="container">
<!--All of your content goes here-->
</div>
</body>
</html>
除了这种方法之外,如果对此的支持并不重要,那么您可以正在思考并采用当前非常支持不足的CSS3多背景声明。
body {background:url("bg1.png") top no-repeat, url("bg2.png") bottom repeat-y;}