Подскажите можно ли совместить в фоне две картинки? Основной фон и картинка снизу. И если да, то ка правильно прописать это в коде? заранее спасибо) [изобра...

пятница, 01 апреля 2011

17:55

все записи пользователя в сообществе Лан Мао

пизденящий душу леденец...

Подскажите можно ли совместить в фоне две картинки? Основной фон и картинка снизу. И если да, то ка правильно прописать это в коде?
заранее спасибо)

UPD Попробовала несколько вариантов, не в одном картинка с подсолнухами не отображается. Не пойму в чем дело.
код

body {background:url('/userdir/1/8/1/6/1816774/67225544.jpg') repeat, url('/userdir/1/8/1/6/1816774/67599587.png') no-repeat bottom left;}
 #wrapper{ min-width:1000px!important;width:1000px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/67601312.png') no-repeat; width: 1000px; height:500px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/67601327.jpg') no-repeat; width: 1000px; height: 490px;line-height: 100% !important; margin-top:-0px;margin-left: 0px;}
 #add_block1 {background: url('/userdir/1/8/1/6/1816774/67599587.png'); height:0px; width:0px; position:fixed; left:0px; bottom: 0px; z-index:-1;}
 .singlePost {position: relative; background:#ffffff; -moz-border-radius: 3px; border-radius: 10px; padding: 15px 15px 15px 15px !important; margin: -0px 0px 50px 0px !important; }
 #page-c {width: 800px !important; margin-top: -0px !important; margin-left:0px !important;}
 #side{width:200px !important;margin-top:-23px !important;}
 #page-t{margin-left:-200px !important; width:1000px!important; padding:0 !important;padding:0 !important; padding:0px !important}
 #postsArea {margin-left:220px !important; width:750px!important; padding:0 !important;padding:0 !important; padding:0px !important}
 .menuSection {position: relative; background:#ffffff; -moz-border-radius: 3px; border-radius: 10px; padding: 15px 15px 15px 15px !important; margin: 0px 0px 30px 0px !important; }
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:765px; margin: 20px 0px 0px 220px !important; }
 #side h1 a {repeat-x bottom; position: relative; left:150px; top:-406px; }
 #side h1 a {font-family:"Verdana"; font-size: 20px; }
 #side h1 a:hover{color:#fff; text-decoration:none;}
 #authorName:hover{color:#8ab3d3; text-decoration:none;}
 #authorName {font-family:"Verdana"; font-size: 15px; }

запись создана: 01.04.2011 в 14:14

@темы: фоновые картинки, платный сервис, Дизайн

URL

Препираться со Шляпником, подливая себе чай. Бессвязно ... Боже, почитала я щаз интересы... по животным хорошо прошл... Основные виды труда: Интеллектуальный - программисты...

моей работе свойственно состояние легкого алкогольного о... Люди уделяйте внимание своим близким людям. Обидно оче... Людям все-таки свойственно усложнять веши. Для того, чт...

Комментарии

01.04.2011 в 14:21

Gonty

Только если одну картинку убрать в background, к примеру body, а вторую задать через #add_blockX.

URL

01.04.2011 в 14:24

Сделайте картинку во весь экран, совместив все что вам надо и все.

URL

01.04.2011 в 14:29

Лан Мао

пизденящий душу леденец...

Gonty А как прописать чтобы #add_blockX был именно в правом нижнем углу? я просто не сильна в css, учусь

Шельн У меня маленький экранчик, не получится ли так, что бОльший экран рисунок не зальет полностью?

URL

01.04.2011 в 14:38

Gonty

lovely Nanao-chan
#add_block1 {background: url('<...>'); height:XXpx; width:XXpx; position:fixed; left:0px; bottom: 0px; z-index:-1;}
Картинка зафиксируется в левом нижнем углу.
Дополнительных блоков, кстати говоря, может быть семь: #add_block1, #add_block2, ... #add_block7.

URL

01.04.2011 в 14:43

Лан Мао

пизденящий душу леденец...

Gonty Я видела эти блоки в "Полный справочник селекторов CSS для diary.ru", но не знала как правильно задать им параметры. Спасибо большое за помощь

URL

01.04.2011 в 14:47

bokonist

fail better

если вам не важен IE6-8, то можно так
body {background:url(...) repeat, url(...) no-repeat bottom left;}

URL

01.04.2011 в 14:50

Лан Мао

пизденящий душу леденец...

bokonist К своему стыду я не знаю что такое IE6-8. Но за подсказку спасибо, попробую и такой вариант))

URL

01.04.2011 в 14:55

bokonist

fail better

lovely Nanao-chan, internet explorer, люди в нем не увидят картинок вставленных таким образом.

возможно, вам пригодится наш робот: diarycss.narod.ru/bg/

URL

01.04.2011 в 14:59

Лан Мао

пизденящий душу леденец...

bokonist Буду знать)) Спасибо))

URL

01.04.2011 в 19:20

Gonty

lovely Nanao-chan
Попробовала несколько вариантов, не в одном картинка с подсолнухами не отображается.
Добавляла ваши подсолнухи с помощью add_block'а, всё рабоает.

URL

01.04.2011 в 20:26

Лан Мао

пизденящий душу леденец...

Gonty Если я правильно поняла, то должно быть так

body {background:url('/userdir/1/8/1/6/1816774/67225544.jpg') 0 100%;}
#add_block1 {background: url('/userdir/1/8/1/6/1816774/67599587.png'); height:440px; width:655px; position:fixed; left:0px; bottom: 0px; z-index:-1;}

остальные позиции без изменений.

URL