Здравствуйте.
Не получается уже битых 5 часов решить проблему с выравниванием высот двух слоёв (тут основное только, все тонкости не стал очерчивать):
Задача стояла так - сделать полупрозрачный фон для выпадающего меню.
Сначала я в слой скатерти (l1) вкладывал слой со списком текста (l2), но тогда текст становился пропорционально блёклым.
div#l1,
div#l2 {
position: absolute;
opacity: 0.4;
top: 30px;
left: 30px;
z-index: 1;
}
div#l2 {
z-index: 2;
}
Тогда я разделил слои. ПРи каждом вызове меню (добавление текста в
div#l2) у меня высота #l2 растёт или наоборот падает. Пытаюсь под растущий или укорачивающийся стол l2 подстилать скатерть #l1 вызовом
...
document.getElementById('l1').style.height = document.getElementById('l2').style.height;
Но никакого результата.
Интересно, как можно данную проблему решить?
В качестве фона скатерти я использую gif с repeat-y. но думаю, что можно использовать просто аналогичного цвета заливку
