Как запустить повторение фона после 46px пробела? - PullRequest
1 голос
/ 19 октября 2010
#data-wrapper {
background:url("../images/repeat-bg.png") repeat-y 0 46px transparent;}

Я хочу начать repeat-bg.png как repeat-y, но после 46px области сверху #data-wrapper. Можно ли так сделать?

Ответы [ 2 ]

4 голосов
/ 19 октября 2010

Вы имеете в виду, что у первых 46 пикселей нет фонового изображения?

Нет, это невозможно, извините.Вам придется обойти это, например, используя другой div с полем.

1 голос
/ 19 октября 2010

Вам необходимо применить фоновое изображение к содержащему div с полем 46px.

<!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;}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...