Question

嗨我有一个应该是背景图像的图像我写了一个div而在div里面我保留了一些风格并且它在Chrome和mozilla firefox中工作得很好，但它不适用于IE8 +版本。下面是我在我的html中使用的div。有人请回复此事。

<div style= "background:url(../portal/images/AWI_logo.png) no-repeat; background-size:100% 100%;">

Answer 1

您可以使用background-size：cover;

<h2>background-size: cover;</h2>
<div id="cover"></div>

div {
  width: 900px;
  height: 400px;
  border: 1px solid black;
  margin-bottom: 1em;
  background-image: url(img.jpg);
  background-repeat: no-repeat;
}

#cover { background-size: cover; }

请参阅示例here，您可以从csstricks here

了解更多信息

在IE8 +版本中，背景图像不适合屏幕

1 个答案: