Переполнение фона в IE - PullRequest
Новая
       13

Переполнение фона в IE

0 голосов
/ 09 октября 2011

У меня проблема с отображением переполнения фона div в IE (в моем случае 9).Firefox, Chrome и Safari выглядят хорошо.Вот подробности: 

<div id="wide_line">
  <div id="logo">Nice</div>
  &nbsp;
  <div id="wider_line">&nbsp;</div>
</div>
<div>...Context...</div>

Идея состоит в том, чтобы поместить фон из div # wider_line в контекст. 

#logo{  
  background: #aaaaaa;
  float:left;
  width: 100%;
}

#wide_line{
  background: #bbbbbb;
  float: left;
  width: 100%; 
  height: 7em; // controls height where context starts
}

#wider_line{
  background: #bbbbbb;
  float: left;
  width: 100%;
  height: 11em; // controls width of the overflow of the assigned color
}

Как я могу это исправить в IE?

Большое спасибо!

1 Ответ

0 голосов
/ 09 октября 2011

Сначала я думаю, что у вас должен быть идентификатор в Div контекста ... Поэтому я назвал его # topper. 

<div id="wide_line">
   <div id="logo">Nice</div>
   &nbsp;   
   <div id="wider_line">
       &nbsp;
   </div> 
</div> 
<div id="topper">...Context...</div>

Затем я сделал CSS следующим образом: 

#logo{     background: #aaaaaa;   float:left;   width: 100%; }  
#wide_line{   background: #bbbbbb;   float: left;   width: 100%;    height: 7em; // controls height where context starts }
#wider_line{ position:static; z-index:2;  background: #bbbbbb;   float: left;   width: 100%;overflow:hidden;  height: 11em;}
#topper{
    position:relative;
    z-index:20;
}

Я не вижу, как это выглядит в IE, потому что я работаю в Ubuntu, но вы можете попробовать это, потому что это дает мне тот же вид, что и в вашем коде.Вот скрипка, Ссылка

...