фон тела веб-страницы с несколькими изображениями - PullRequest
Новая
       4

фон тела веб-страницы с несколькими изображениями

0 голосов
/ 21 мая 2011

Я пытаюсь создать фон веб-страницы с несколькими изображениями

т.е. 

<html>
<head>
</head>
<body
top image(no reapeat)
middle image(repeat y) 
bottom image(no repeat)>
</body>
</html>

Я разделил 1 изображение на 3 части, чтобы среднее изображение могло расти в соответствии с размеромосновной текст

посоветуйте, пожалуйста, как мне это сделать

Ответы [ 3 ]

1 голос
/ 21 мая 2011

Создание нескольких фонов может быть достигнуто разными способами, но CSS3 позволяет использовать несколько фоновых изображений, 

$body {
background-image: url(bg1.png) url(bg2.png) url(bg2.png);
background-repeat: 5% 90% 5%;

}

Но большинство старых браузеров не поддерживают css3, естьдругой способ использования спрайтов, таких как главная страница Yahoo.

1 голос
/ 21 мая 2011

Вы можете использовать несколько Div, и у каждого есть фон 

<div style="background: url('image1.jpg');">
    <div style="background: url('image2.jpg');">
        <div style="background: url('image3.jpg');">
        </div>
    </div>
</div>
0 голосов
/ 21 мая 2011

Для этого вы можете использовать div в верхнем, нижнем и нижнем колонтитулах страницы и соответственно устанавливать эти изображения в этих элементах.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...