1

我的html代码 

<div id="content_main"></div>

css

        #content_main
{
    width:1024px;
    height:150px;
    background:url('../images/Orange.jpg');
    background-repeat:no-repeat;
    background-size:1024px 150px;
    -moz-background-size: 1024px 150px;
    -o-background-size: 1024px 150px;
}

background-size 在 IE8 中不起作用，如何解决这个问题，我不知道，请帮助我。

4

4 回答 4

2

IE8 不支持背景图像选项。您可以使用caniuse.com网站查看各种 HTML5 功能的浏览器支持矩阵，例如background-size. 或者，如果需要 IE8 支持，您需要<img>在您的<div id="content_main">

按照@ahsan 的建议查看其他类似问题，其中包含一些 polyfill 建议和IE8 中ms-filter的解决方法background-size

于 2012-06-26T04:50:02.247 回答
0

请检查有关背景属性的参考： http ://www.jacklmoore.com/notes/ie-transparency-problems

于 2012-06-26T04:54:27.980 回答
0 
#content_main{

width:1024px;
height:150px;
background:url('../images/Orange.jpg');
background-repeat:no-repeat;
background-size:1024px 150px;
-moz-background-size: 1024px 150px;
-o-background-size: 1024px 150px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/Orange.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/Orange.jpg', sizingMethod='scale')";

}

于 2014-06-12T18:33:26.983 回答
0

在 IE8 中也使用 CSS3background-size: cover;和,拉伸背景图像。background-size: contain;

如何使用它？

上传backgroundsize.min.htc到您的网站，连同.htaccess将发送 IE 所需的 mime 类型（仅限 Apache - 它内置在 nginx、node 和 IIS 中）。

在 CSS 中使用的任何地方background-size，都添加对这个文件的引用。

.selector { 
    background-size: cover;
    /* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
    -ms-behavior: url(/backgroundsize.min.htc);
}

以这种方式设置样式的元素应该有一个position: relative;orposition: fixed;和一个z-index.如果没有，它们将被赋予一个position: relative;and z-index: 0;。

于 2015-01-28T11:55:25.617 回答