IE 8背景图片问题

时间:2014-06-30 12:02:42

标签: css internet-explorer-8

我有一个不太常见的问题,但我的谷歌技能很糟糕,或者我不知道如何询问并找到我的问题的解决方案。

我正在使用bootstrap3构建我的网站,除了横幅部分外,它在IE 8上看起来很好。

外部.row div为100%,背景图片覆盖全部。在div中,我有一个.container div具有居中内容,在两端留下一些空间。

在除IE8之外的所有浏览器中,这种设计工作正常但在IE上,背景图像只能在.container上留下两边的空白区域。

这是我的css

.heading

{ 
 background: url(../images/inner-heading-bg.png) no-repeat scroll;
background-position:center;  
background-size: cover; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
min-width: 50px;
min-width: 100%;

}

请参阅IE IE8 screenshot

的附图

1 个答案:

答案 0 :(得分:0)

IE8不支持background-size:cover;就其本身而言,它需要在后面稍微推动一下。 你可以使用像https://github.com/louisremi/background-size-polyfill这样的polyfill来使它在IE8中运行。