Question

我正在为较新的浏览器构建一个网站，但我希望它在IE8中看起来也不错。一切都很好，直到遇到问题。我发现background-size在IE8中不起作用。经过一些研究，我能够找到某种“黑客”，但它对我不起作用。

也许我做错了什么;请看一下这段代码，并建议一个解决方案来修复IE8中的背景大小（最好是CSS解决方案）。

.logo {
    width: 190px;
    height: 204px;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-size: 190px 204px;

    /** This is the so called IE8 hack, but it doesn't seem to work **/

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png',sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.pn',sizingMethod='scale')";

    /** End of Hack */

    position: absolute;
    display: block;
    z-index: 99;
    margin: -73px 0 0 405px;
}

Answer 1

重点是Retina屏幕，对吧？由于这种屏幕的市场份额不是那么大，我宁愿首先使用“标准”图像，然后在需要时用高分辨率替换它。

例如，您可以使用Retina.js执行此操作。

或者您只需使用图片代码即可。它适用于IE8。别忘了定义宽度和宽度。身高属性。

<a href="/" class="logo">
  <img src="img/logo.png" width="190" height="204" alt="Bryuvers">
</a>

Answer 2

IE8不支持CSS3的Background-size属性。但您可以查看此链接http://msdn.microsoft.com/en-us/library/ms532969%28v=vs.85%29.aspx。这可能会对你有帮助。

如何制作＆＃34;背景大小＆＃34;在IE8工作？

2 个答案: