Internet Explorer Ад с фоновыми изображениями - PullRequest
Новая
       17

Internet Explorer Ад с фоновыми изображениями

2 голосов
/ 14 июля 2011

Я бы считал себя продвинутым веб-разработчиком, но я довольно озадачен тем, что я делаю, чтобы Internet Explorer показывал мое фоновое изображение на теге заголовка в одном месте, но не в другом месте с точно таким же код.

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

Постановочный сайт можно найти здесь: http://honestagency.com/websites/hal10/

Проблема в том, что в поле под полем «Процедуры» на главной странице напротив баннера «Знакомство с врачами» должен быть зеленый баннер. Баннер "Meet The Doctors" использует почти идентичный код CSS. 

.home_content div.left div.living_healthy h1.living_healthy_fold{background-image:url('../images/folds/living_healthy.png');position:absolute;left:-16px;top:20px;width:448px;height:76px;text-indent:-5000px;}    
.home_content div.right div.meet_doctors h1.meet_doctors_fold{background-image:url('../images/folds/meet_doctors.png');position:absolute;right:-16px;top:20px;width:394px;height:76px;text-indent:-5000px;}

HTML соответственно: 

<h1 class="living_healthy_fold">Living Healthy</h1>
<h1 class="meet_doctors_fold">Meet The Doctors</h1>

Я, наверное, очень простое решение, но я в тупике. Спасибо за помощь!

1 Ответ

2 голосов
/ 14 июля 2011

Попробуйте добавить z-index для класса .living_healthy_fold. 

.home_content div.left div.living_healthy h1.living_healthy_fold{
   background-image:url('../images/folds/living_healthy.png');
   position:absolute;
   left:-16px;
   top:20px;
   width:448px;
   height:76px;
   text-indent:-5000px;
   z-index:10;
}

Может и не решить, так как изменение dom в инструментах разработчика, похоже, решает проблему, поэтому трудно найти правильное решение.

...