Возможно ли отобразить background поверх backgroung?

hitarcher · 08.09.2014, 17:48

Добрый день! Есть как бы 2 бэкграунда сначала один, а потом второй, как можно сделать чтобы 1-й бэкграунд перекрывал 2-й ?

сначала идет <body class="custom-backgound" >, здесь вставляется картинка как бэкграуднд, а потом идет сразу за ним <div id="wrapper"> здесь просто цветом заливается, так вот картинка которая вставляется в бади ее заливает бэкграундр в wrapper, как сделать чтобы картинку не заливало ? пробывал z-index, но че-то не захотело оно работать....

hitarcher · 08.09.2014, 17:54

body.custom-background { background-attachment: fixed; background-image: url("1.png"); background-position: left top; background-repeat: repeat-x; position: relative; z-index: 1;

#wrapper { background: none repeat scroll 0 0 #FFFFFF; margin-top: 20px; padding: 0 20px; position: relative; z-index: 1;

GlaZZZ · 08.09.2014, 20:40

Попробуй так:

.custom-background body{ background-attachment: fixed; background-image: url("1.png"); background-position: left top; background-repeat: repeat-x; position: relative; z-index: 1;

hitarcher · 08.09.2014, 21:56

как именно ?

GlaZZZ · 08.09.2014, 23:33

Цитата:

.custom-background body {

вот так вот

hitarcher · 09.09.2014, 00:11

Цитата:

Сообщение от GlaZZZ

вот так вот

да нет, это ерунда какая-то которая ничего не даст...

GlaZZZ · 09.09.2014, 12:54

Я если честно не пойму что конкретно требуется. А зачем тогда заливать цвет, чтобы не заливалась картинка?!

hitarcher · 09.09.2014, 20:49

уже решил, спасибо!

MrSTEP · 15.09.2014, 12:09

А почему бы не поделиться решением? Было бы интересно взглянуть.

kreol · 15.09.2014, 12:29

ну, решение для новых браузеров - css3 background
можно указывать несколько бэкграундов через запятую и так они и будут идти

08.09.2014, 17:48	#1 (permalink)
hitarcher Banned Регистрация: 20.08.2014 Сообщений: 33 Сказал(а) спасибо: 0 Поблагодарили 2 раз(а) в 1 сообщении Репутация: 227	Возможно ли отобразить background поверх backgroung? Добрый день! Есть как бы 2 бэкграунда сначала один, а потом второй, как можно сделать чтобы 1-й бэкграунд перекрывал 2-й ? сначала идет <body class="custom-backgound" >, здесь вставляется картинка как бэкграуднд, а потом идет сразу за ним <div id="wrapper"> здесь просто цветом заливается, так вот картинка которая вставляется в бади ее заливает бэкграундр в wrapper, как сделать чтобы картинку не заливало ? пробывал z-index, но че-то не захотело оно работать.... Последний раз редактировалось hitarcher; 08.09.2014 в 17:54

08.09.2014, 17:48
Helpmaster Member Регистрация: 08.03.2016 Сообщений: 0	Я помогу вам ускорить решение проблемы, прочтите похожие темы Как отобразить в сводной таблице всё возможное? Iframe поверх ajax окна SMSOnScreen - вывод SMS поверх запущенных программ

08.09.2014, 17:54	#2 (permalink)
hitarcher Banned Регистрация: 20.08.2014 Сообщений: 33 Сказал(а) спасибо: 0 Поблагодарили 2 раз(а) в 1 сообщении Репутация: 227	body.custom-background { background-attachment: fixed; background-image: url("1.png"); background-position: left top; background-repeat: repeat-x; position: relative; z-index: 1; #wrapper { background: none repeat scroll 0 0 #FFFFFF; margin-top: 20px; padding: 0 20px; position: relative; z-index: 1;

08.09.2014, 20:40	#3 (permalink)
GlaZZZ Любитель Регистрация: 19.01.2011 Сообщений: 4,792 Записей в дневнике: 6 Сказал(а) спасибо: 105 Поблагодарили 28 раз(а) в 10 сообщениях Репутация: 13067	Попробуй так: .custom-background body{ background-attachment: fixed; background-image: url("1.png"); background-position: left top; background-repeat: repeat-x; position: relative; z-index: 1;

08.09.2014, 21:56	#4 (permalink)
hitarcher Banned Регистрация: 20.08.2014 Сообщений: 33 Сказал(а) спасибо: 0 Поблагодарили 2 раз(а) в 1 сообщении Репутация: 227	как именно ?

Ads
Яндекс Member Регистрация: 31.10.2006 Сообщений: 40200 Записей в дневнике: 0 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 55070

09.09.2014, 12:54	#7 (permalink)
GlaZZZ Любитель Регистрация: 19.01.2011 Сообщений: 4,792 Записей в дневнике: 6 Сказал(а) спасибо: 105 Поблагодарили 28 раз(а) в 10 сообщениях Репутация: 13067	Я если честно не пойму что конкретно требуется. А зачем тогда заливать цвет, чтобы не заливалась картинка?!

09.09.2014, 20:49	#8 (permalink)
hitarcher Banned Регистрация: 20.08.2014 Сообщений: 33 Сказал(а) спасибо: 0 Поблагодарили 2 раз(а) в 1 сообщении Репутация: 227	уже решил, спасибо!

15.09.2014, 12:09	#9 (permalink)
MrSTEP 一步一步地会到目的 Регистрация: 09.05.2009 Адрес: Черноземье Сообщений: 10,939 Записей в дневнике: 10 Сказал(а) спасибо: 140 Поблагодарили 80 раз(а) в 33 сообщениях Репутация: 28362	А почему бы не поделиться решением? Было бы интересно взглянуть.

15.09.2014, 12:29	#10 (permalink)
kreol Member Регистрация: 27.02.2010 Сообщений: 659 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 1312	ну, решение для новых браузеров - css3 background можно указывать несколько бэкграундов через запятую и так они и будут идти