Ребят, такая ситуация. Нужно сделать блок, внутри которого будет два блока. один — работает как прозрачный фон, другой — контейнет для не-прозрачного текста. Воот-но два этих блока должны растягиваться на всю высоту первого блока, который является их контейнером. Сабж, вот код:
#info_box {
position: absolute;
top: 10px;
right: 40px;
width: 150px;
min-height: 15px;
}
.info_bg {
background: #6290c9;
border: #e1eeff 4px solid;
border-radius: 2px;
opacity: 0.6;
height: 100%;
}
.info {
padding: 4px;
height: 100%;
}
<div id="info_box">
<div class="info_bg">
</div>
<div class="info">
Приветик!
</div>
</div>
Но при таком раскладе они нифига не растягиваются =.= . Подскажите, что тут исправить надо?
Спустя 11 минут, 42 секунды (13.09.2011 - 16:13) Winston написал(а):
Как-то так ?
<style type="text/css">
#info_box {
position: absolute;
top: 10px;
right: 40px;
width: 150px;
min-height: 15px;
border: 0px solid;
display: table;
}
.info_bg {
background: #6290c9;
border-radius: 2px;
opacity: 0.6;
border: #e1eeff 4px solid;
height: 80%;
width: 97%;
position: absolute;
}
.info {
padding: 4px;
height: 10%
width: 100%;
}
</style>
<div id="info_box">
<div class="info_bg">
</div>
<div class="info">
Приветик!
</div>
</div>
Спустя 9 минут, 31 секунда (13.09.2011 - 16:23) AlmazDelDiablo написал(а):
Спасибо большое! Сработало :3 . Дальше сам поковыряю, посмотрю, как это работает.
Спустя 13 минут, 11 секунд (13.09.2011 - 16:36) AlmazDelDiablo написал(а):
Блин... Вот только текст опять находится под слоем с фоном. z-index не помогает.
Спустя 3 минуты, 41 секунда (13.09.2011 - 16:40) Winston написал(а):
| Цитата (AlmazDelDiablo @ 13.09.2011 - 16:36) |
| z-index не помогает. |
Кто сказал ?
Измени эти 2 класса
.info_bg {
background: #6290c9;
border-radius: 2px;
opacity: 0.6;
border: #e1eeff 4px solid;
height: 80%;
width: 97%;
position: absolute;
z-index: 0;
}
.info {
padding: 4px;
height: 10%
width: 100%;
position: relative;
z-index: 100;
}
Спустя 8 минут, 50 секунд (13.09.2011 - 16:48) AlmazDelDiablo написал(а):
Благодарю :) ! Все заработало так, как надо.
_____________
Блог | VK | GitHub | Twitch