如何在46px空间后开始后台重复-y?

时间:2010-10-19 15:36:29

标签: css xhtml

#data-wrapper {
background:url("../images/repeat-bg.png") repeat-y 0 46px transparent;}

我想从repeat-bg.png开始repeat-y,但46px之后的#data-wrapper区域之后。有可能这样做吗?

2 个答案:

答案 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;}