Добавление фонового изображения на боковой части страницы. (CSS) - PullRequest
0 голосов
/ 11 сентября 2009

Я новичок в этом сайте и подумал, что могу попробовать. У меня была проблема в течение достаточно долгого времени, но, поскольку мой проект развивался, другие проблемы были решены, но это осталось. И найти нужную вещь было нелегко. Я даже не уверен, что термин для такого рода вещи.

Во всяком случае, я хочу фоновое изображение справа и слева от моей главной страницы. Он должен быть z-indexed ниже фактической страницы (если люди с низким разрешением просматривают страницу), чтобы он не выходил за пределы главной страницы и не делал контент нечитаемым. Он должен быть ниже реальной страницы, если используются низкие разрешения.

Я использовал следующий код, чтобы сделать работу для меня прямо сейчас:

<img style="position: absolute; top: 120px; left: 10px; width: 121px; height: 443px; z-index: -1;" src="../admin/images/background_text.png">

Проблема в том, что это не очень хорошо работает, например, со старыми версиями IE, а в некоторых случаях вообще не работает. Как вы можете видеть, он имеет заданную позицию на моей странице (слева вверху на странице), чего я тоже хочу достичь.

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

Ура, Мартин.

Ответы [ 3 ]

1 голос
/ 11 сентября 2009

Попробуйте это:

<body style="background: url('../admin/images/background_text.png') 120px 10px;" > rest of the page...

это устанавливает фон для всей страницы (как это выглядит, как будто вы делаете?) Для данного изображения.

Я бы также увеличил размер изображения до желаемого, если его еще нет, тогда вам не нужно указывать ширину и высоту (или беспокоиться о том, что IE будет изменять размер).

если вы на самом деле просто кладете это на бок, я мог бы использовать настройку таблицы или div и установить фон для этого (не зная, как настроена ваша страница).

0 голосов
/ 12 сентября 2009

Вот улучшенный ответ для вас:

Дайте вашему «обертке» разделить фоновое изображение, как описано выше. Затем растяните основную таблицу до конца вправо (или оберните ее в другую таблицу или разделите с шириной 100%) и задайте фоновое изображение справа. Тогда изображения все еще отстают от всего контента, и они оба должны вести себя так, как вы хотите.

если вам нужна дополнительная информация об атрибуте background css, посмотрите страницу WDG

0 голосов
/ 11 сентября 2009

Я не уверен, понимаю ли я ваш вопрос или нет.

В любом случае. Не устанавливайте свой z-индекс на изображении. Я бы установил положение относительно слоев, которые должны были быть наверху.

Помните, что IE6 не получает z-index. Он выясняет, что будет первым, а затем последним, который находится сверху, хотя у него более низкий z-индекс.

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