2013-03-13 6 views
0

Вот один для вас, что имеет меня в тупик:Positioning фон: URL с ZIndex

Я использую background:url поставить маленькое изображение в правом нижнем углу моего контейнера в CSS, который работает хорошо. Однако, когда пользователи находятся на странице создания учетной записи, раздел, который имеет кнопки «создать учетную запись» и «отменить», перекрывает мое изображение, скрывая его половину. Вот как это выглядит:

Я посмотрел в использовании Z-индекс, чтобы решить эту проблему, не дали никаких результатов (так как изображение является частью контейнера, если уменьшить Z-индекс для скрывая div, вся секция с кнопками помещается за контейнер, что делает их невозможными). Я также не хочу входить в каждую страницу отдельно и помещать изображение в html, тем более, что я использую Joomla, а структура html шаблона для меня довольно запутанна. (Использование Joomla 3.0.3 с шаблоном Protostar по умолчанию)

Я пропустил что-то очевидное? Я чувствую, что я ...

Заранее благодарим!

ответ

1

Вы смешно :) Используя фоновое изображение, но хотите поставить его на передний план.

Просто используйте тег изображения и position он absolute в правом нижнем углу контейнера (не забудьте дать контейнеру position: relative)

+0

Ok, что является справедливым пунктом, но в Joomla HTML-файлы находятся во всем (некоторые из httpdocs, некоторые в папке с шаблонами и т. д.), поэтому использование фонового изображения позволило мне сделать это только один раз и в файле css, который легко найти ... * edit: не может думать прямо на момент, поэтому я чувствую, что мои ответы будут оставаться глупее. Я буду спать на нем, попробую ваше предложение, а затем, вероятно, вернусь и выберите его как правильное :), но в то же время, если у кого-то есть конкретное пошаговое руководство для этого в Joomla, я бы приветствовал его! – ozzyna

+1

И да, вы были правы, естественно. Мне удалось найти правильный html-документ и добавить то, что вы предложили. Спасибо кучу за то, что помогли мне с этой (правда, простой) проблемой :) – ozzyna