代码之家 › 专栏 › 技术社区 › Jitendra Vyas

46px空间后如何开始背景重复?

xhtml css

Jitendra Vyas · 技术社区 · 15 年前

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

我想开始 repeat-bg.png 作为一个 repeat-y 但之后 46px 从顶部开始的区域 #data-wrapper . 可以这样做吗?

2 回复 | 直到 11 年前

Moses 15 年前

您需要将背景图像应用到包含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;}

Pekka 15 年前

你是说前46个像素没有背景图像?

不,那是不可能的,对不起。你必须解决它,例如使用另一个 div 有余地。

推荐文章

Luis Pavez · 在actionListener完成之前更新组件

8 年前

mike · 使用类似封送处理的编码器操纵HTML

8 年前

ajaysheoran2323 · 如何使网站多语言[关闭]

8 年前

Hanlei Price · 标记验证

8 年前

Irum · 获取错误:UI指令无法强制转换到组织。素数面。模型菜单菜单元素

8 年前

curiousToKnow · 如何从xhtml获取文本

8 年前

zinon · XHTML渲染生成空pdf文件

8 年前

saurabh · 如何在一个页面中使用多个ajax日历

9 年前

Gabriel Cardoso · 更新数据后在datatable中更新

9 年前

mac wac · AngularJS的内联模板不适用于XHTML

9 年前