我有一个不太常见的问题,但我的谷歌技能很糟糕,或者我不知道如何询问并找到我的问题的解决方案。
我正在使用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
的附图答案 0 :(得分:0)
IE8不支持background-size:cover;就其本身而言,它需要在后面稍微推动一下。 你可以使用像https://github.com/louisremi/background-size-polyfill这样的polyfill来使它在IE8中运行。