Два слоя на фон в css

css

Подскажите как такое сделать. У меня есть две картинки, скажем одна 10 на 10, а другая далет фон градиентным вертикально, следовательно она шириной в 1 пиксель, высота там большая.
Мне надо сделать эти две картинки фоновыми, обьединять было бы не разумно, чтобы не нагружать страницу.
Реально ли сделать на странице два фоновых рисунка?
Я так понимаю здесь можно сделать два слоя с параметрами zindex?
Или какие другие возможные реализации?
Еще вопрос, если скажем картинка, которая 10 на 10 будет в png и будет имет ьпрозрачный фон. Как известно , ie не корректно отображает подобное, но есть, как я находил два варианта, оба реализованы на javascript, но когда пытались сделать для фона, выводилась только одна картинка, так как проходит через скрипт только она одна. Возможно ли как то и это поправить, может кто встречался с такой проблемой?

Примечание:
Гугль гуглеМ, но может кто лично исправлял. Говорю же, находил статьи, форумы, где пробовали решить проблему, но пока заходили в тупик.
Я о zindex и говорил, только разумно ли это? Мало ли можно просто задать два фона и все. Странно что такой фичи в том же css до сих пор не придумали как нормальную функцию, а не методом колдовства...

Примечание:
Вроде пробовали через этот фтльтр прогонять для фона, но он прогонял только один раз. Ладно, попробую, напишу позже результаты

Примечание:
И еще, у меня контент хранится по центру экрана, фон как раз под ним растягивается.... Т.е. сайт не резинится, там четкие размеры
Ответы:
1) Попробуй каждой задать свой zindex
2) Если у клиента будет новый IE, то проблем нет, сам проверял... а так гугль в руки....
Для первого лучше сделать два вложенных дива, содержащих весь контент: <div><div></div></div>. И у каждого прописать соответствующий фон. Никаких zindex-ов не понадобится.
Для втогоро, есть способ отображать прозрачный пээнггэ в IE6 с помощью фильтра альфа-канала: background-image: url('img.png'); background-repeat: repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img.png,sizingMethod=crop);}
Как-то так…


16 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.