好的，所以我有一个问题。
在一个简单的站点上工作，该站点具有常规背景和不透明的主容器，其中还包含嵌套元素。由于站点的性质，如果主体内的内容变大，主容器必须能够垂直增长。基本上，主容器必须动态增长以适应其中的所有浮动内容。
我的问题是这个。
我可以这样做一种方式，将元素嵌套在主容器 div 中，然后更改该主容器 div 的不透明度以匹配我需要的内容。这很简单。这里的问题是嵌套在其中的其他元素的不透明度是从父主容器继承的。我可以解决这个问题，但我不知道它是否对站点在语义上是正确的，或者 alpha 过滤器的解决方法是否是最好的解决方法。
我的另一个选择是创建一个设置为 90% 不透明度的背景图像，然后垂直平铺。这里的问题是我必须指定一个高度，这不允许主容器在垂直方向上动态拉伸。这解决了语义问题和不透明度问题，没有过多的跨浏览器操作，但我不知道如何使主容器 div 动态调整自身大小。我确信有一个解决方案可以使用 javascript 或其他一些编程语言来做到这一点，但这并不是我的强项。
所以我想我真正想知道的是，我应该使用第一个选项，并使用浏览器操作来实现不透明度，还是有更好的方法能够动态调整主容器 div 的大小以便平铺图像到内容占用的具体高度？