Хорошо, у меня проблема.
Работа над простым сайтом с обычным фоном и непрозрачным основным контейнером, который также содержит вложенные элементы внутри него. Из-за особенностей сайта основной контейнер должен иметь возможность расти вертикально, если содержимое внутри тела становится больше. По сути, основной контейнер должен динамически увеличиваться, чтобы вместить весь плавающий контент.
Моя проблема в этом.
Я могу сделать это одним способом, где я вкладываю элементы в div основного контейнера, а затем изменяю непрозрачность этого div основного контейнера в соответствии с тем, что мне нужно. Это просто. проблема здесь в том, что непрозрачность других вложенных элементов наследуется от родительского основного контейнера. Я могу это исправить, но я не знаю, будет ли это семантически правильным для сайта или если обходные пути для альфа-фильтров будут лучшим обходным путем.
Другой вариант, который у меня есть, - это создать фоновое изображение, которое имеет непрозрачность 90%, а затем выложенное по вертикали. Проблема здесь в том, что я должен указать высоту, которая не позволяет основному контейнеру динамически растягиваться в вертикальном направлении. Это решает проблему семантики и проблемы непрозрачности без слишком большого количества манипуляций между браузерами, но я не знаю, как сделать так, чтобы основной контейнер div изменял свой размер динамически. Я уверен, что есть решение сделать это с помощью JavaScript или другого языка программирования, но это не совсем моя сильная сторона.
Так что я думаю, что я действительно хочу знать, это то, должен ли я пойти с первым вариантом и использовать манипуляции браузера для прозрачности, или есть лучший способ, чтобы иметь возможность динамически изменять размер основного контейнера div так, чтобы изображение выложено мозаикой до определенной высоты, которую занимает содержимое?