Как исправить фоновое изображение div, скрытое за другими div в IE7 и IE8 - PullRequest
Новая
       31

Как исправить фоновое изображение div, скрытое за другими div в IE7 и IE8

2 голосов
/ 04 мая 2011

У меня есть следующий код ...

HTML: 

<div id="gallery">  
   <div id="slideshow">  
      <div> <!-- SLIDE 1 -->  
         //slide content  
      </div>  
      <div> <!-- SLIDE 2 -->  
         //slide content  
      </div>  
   </div>  
</div>

CSS: 

#gallery { 
   width: 940px; 
   height: 317px; 
   background: transparent url("../images/banner_bg.png") no-repeat scroll right 0; 
   position: relative; 
}

Я пробовал это с .png .gif и.JPG изображения для фона, тот же результат.
Проблема в том, что в IE7 div слайд-шоу покрывает фоновое изображение из галереи div.Я знаю это, потому что, если я установил непрозрачность div слайд-шоу на 80 или меньше, я смогу увидеть сквозь фоновое изображение.
Страница отлично смотрится в Firefox, Chrome, Safari и Opera.Это проблема только в IE7 и IE8.
Кто-нибудь знает, как это исправить?Я часами гуглял по этому поводу и перепробовал все, с чем сталкивался, как бы маловероятно это ни звучало.Я не смог найти решение.

(Пожалуйста, помогите, это сводит меня с ума)

1 Ответ

3 голосов
/ 04 мая 2011

Я обнаружил проблему ...

У слайдов слайдов был задан черный цвет фона, и я предполагаю, что это интерпретация IE, потому что
1) это не происходило в других браузерахи
2) Я не смог найти нигде в коде, где бы он установил цвет bg на черный.

Исправление CSS было простым: 

#gallery #slideshow div { background-color: transparent !important; }

Мне пришлосьдобавьте! важный до конца, иначе он перезапишет мой стиль.

...