Dlaczego Internet Explorer tworzy zawartość wewnątrz div z przepełnieniem: ukryte znikają?
Zawartość wewnątrz najbardziej wewnętrznego div jest wyświetlana w każdej przeglądarce z wyjątkiem IE. Czemu? Zauważyłem to, gdybym je usunąłoverflow:hidden
z.absolute_container
, a następnie zawartość w środku.item
pojawi się, ale potrzebuję `przepełnienia: ukryty``, aby pozostać z powodów wyświetlania.
HTML:
<tr>
<td>
<div class="relative">
<div class="absolute">
<div class="absolute_container">
<div class="relative">
<div class="item_wrap">
<div class="item">
// doesn't show up in IE
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
CSS:
.relative {
position: relative;
width: 100%;
height: 100%;
}
.absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.absolute_container {
position: absolute;
top: 25px;
right: 5px;
bottom: 5px;
left: 5px;
overflow: hidden;
}
.item_wrap {
overflow: hidden;
height: 16px;
font-size: 12px;
clear: right;
white-space: nowrap;
margin-bottom: 1px;
}
.item {
position: relative;
z-index: 999999;
background-color: transparent;
float: left;
}