-webkit-background-size:cover;相当于IE

时间:2014-08-06 18:50:17

标签: html css html5 internet-explorer

决定打开我在IE中工作的网站,并且令我惊讶的是,我认为占用整个页面的图像实际上只停留在中心但是在chrome和firefox中并非如此。我认为 - 曾经工作过,但经过一些研究我错了。

当前的css:

.intro {
  background: url('http://www.amritray.com/wp-content/uploads/2012/01/foggy-photographs21.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -msie-background-size: cover;
  background-size: cover;
  top: 0px;
  right: 0px;
  left: 0px;
}

当前HTML

<div class='intro'>
</div>

1 个答案:

答案 0 :(得分:1)

请替换

-msie-background-size: cover;

-ms-ie-background-size: cover;

请参阅网址http://jsbin.com/jubeliga/1/edit?html,css,output查看更改