Question

我正在尝试使用div背景图像但不保持纵横比。所以我想要一个270px的固定高度和100％的屏幕宽度。它在chrome中完美运行，但在IE或Firefox中无法运行。这就是我现在所拥有的：

CSS：

#container {
background-image: url(images/blur.jpg);
background-repeat:no-repeat;
background-size:100% 270px;
width:100%;
height:270px;
margin:0px;
padding:0px;
}

HTML：

<div id="container">content</div>

我对这一切都有点新意，如果我问一个非常简单的问题，那就很抱歉！

*更新：现在一切正常。我真的不确定发生了什么。我一遍又一遍地检查了这一点，但关闭所有内容然后打开我的源代码显示它已经改变了背景大小的css：100％270px;只有100％。绝对奇怪！抱歉浪费你的时间。

Answer 1

这可能是因为您需要包含

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "w3.org/TR/html4/strict.dtd">

元素

延伸div背景图像的宽度与设置高度

1 个答案: