我正在尝试绘制 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%。绝对奇怪!很抱歉浪费您的时间。