Много фонов
WildChild
молчун
Группа: Проверенные
Пользователь №: 676
Сообщений: 31
Получено оценок: 2
Я знаю что на сайт можна поставить растягивающийся фон картинкой либо поставить картинку в какоето либо место,но хотелосьбы узнать можна ли зделать много фонов которые будут стоять поочередно,какбы одна на другой? Чаке одобряэ!111
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
<style> html{background:url(1.png)} body{background:url(2.png)} </style>
Очень важная тема! Filmzona — онлайн фильмы .
WildChild
молчун
Группа: Проверенные
Пользователь №: 676
Сообщений: 31
Получено оценок: 2
А который будет сверху ,а который снизу? А если я три хочу ? Чаке одобряэ!111 Сообщение отредактировал WildChild - Пятница, 23.04.2010, 17:51
GlebLozhkovoy
говорун
Группа: Проверенные
Пользователь №: 255
Сообщений: 116
Code
<style> html{background:url(1.png)} body{background:url(2.png)} #wrapper{background:url(3.png)} /* просто не знал как назвать.... */ </style>
DSC
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Code
<div id="first"> <div id="second"> <div id="third">[CONTENT]</div> </div> </div> <style> #first{background:url(ссылка)} #second{background:url(ссылка)} #third{background:url(ссылка)} </style>
aka Latro
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
И что? 3 одинаковых решения. Очень важная тема! Filmzona — онлайн фильмы .
GlebLozhkovoy
говорун
Группа: Проверенные
Пользователь №: 255
Сообщений: 116
Ещё ссылка , если интересно.
DSC
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
UnderShot , я ему написал подробно, разберётся!aka Latro
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
GlebLozhkovoy , CSS3 Очень важная тема! Filmzona — онлайн фильмы .
Андрей
шептун
Группа: Проверенные
Пользователь №: 189
Сообщений: 65
Получено оценок: 11
Не помню где(кажется на Ruseller) читал статьейку, что можно одному диву задать несколько классов, а каждому классу свой background, со своими координатами по осям. Насколько это кроссбраузерно, не знаю.
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Андрей , а это идея. Code
<style> .bg1{background:url(img1.png)} .bg2{background:url(img2.png)} .bg3{background:url(img3.png)} </style> <div class='bg1 bg2 bg3'>...</div>
Очень важная тема! Filmzona — онлайн фильмы .
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Андрей , а разве классы не будут друг друга переписывать?Бесплатные обои.
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Вообще можно так — Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <style type="text/css"> body { background:url('3.gif'), url('2.gif'), url('1.gif'); background-repeat:no-repeat; } </style> </head> <body> </body> </html>
Но не везде работает.
——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
Сообщение отредактировал BeSinLi - Понедельник, 26.04.2010, 02:32
Андрей
шептун
Группа: Проверенные
Пользователь №: 189
Сообщений: 65
Получено оценок: 11
BeSinLi , Если не ошибаюсь, то это CSS3, потому наверное и не везде работает. Aleko ,
Code
<div class="color-one" class="color-two"> </div>
Если писать так, то работать не будет, и валидность пропадет. Но вариант показаный UnderShot , вполне валиден для CSS2 и работоспособен.
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Андрей , да нет, ты не понял, я знаю конечно что классы могут указываться через пробел. Я имею в виду что значение бэкграунда возьмется от последнего класса а не от каждого.Бесплатные обои.
Андрей
шептун
Группа: Проверенные
Пользователь №: 189
Сообщений: 65
Получено оценок: 11
Aleko , упс, сори за дезу, отписался не проверив. И впрямь.