Question

我有一个渐变图像，我用它作为可变高度容器的背景。基本结构很简单（比这更复杂，但仅作为参考）：

<div class="parent">
    <img src="..." style="width: 100%;height:100%;">
    <div class="content">
        content goes here
    </div>
</div>

在每个浏览器中运行良好，直到我向.parent添加显式宽度，然后猜测哪些浏览器会阻塞？ IE7！我非常喜欢IE7！

现在，图像比率会重置，因为我的960x960宽度为960px，所以它会.parent。基本上它似乎忽略了height:100%

我设置了一个小提示来显示确切的问题：

任何帮助表示赞赏：）

Answer 1

所以我已经回答了我的答案，

基本上围绕包含div .banner包裹div并将宽度设置为该div。

<!--[if IE 7]><div class="ieBanner"><![endif]-->
     ...
<!--[if IE 7]></div><![endif]-->

.ieBanner
{
    width:400px;
}