Background-size-polyfill在IE8中不起作用?

时间:2014-08-16 07:37:27

标签: html css internet-explorer-8 background-size

我有这个简单的代码:

<html style = "height: 100%;">
    <head>
        <meta http-equiv = 'Content-Type' content = 'text/html; charset = windows-1251' />
        <title>test bg</title>
    </head>

    <body style = "height: 100%; margin: 0px;">
        <div id = 'div_0' style = "width: 100%; height: 100%; background-size: contain; -ms-behavior: url(backgroundsize.htc); background-repeat: no-repeat; background-position: center center; background-image: url(storage/zast_800x600.jpg);"></div>
    </body>
</html>

加载页面时没有任何错误。但背景的行为与没有这个东西的情况相同。

.htaccess backgroundsize.htc 与html页面位于同一文件夹中。我通过双击html页面在本地运行此文件。

enter image description here

我使用 PolyFill 作为参考

1 个答案:

答案 0 :(得分:2)

.htaccess在您的Windows文件系统中不做任何事情,例如向IE提供具有正确MIME类型的文件,这是.htc文件执行任何操作所必需的。您需要将其放在正在运行的Apache服务器中;它是服务器要执行的指令列表。

如果您无法访问开发服务器或其他已经建立的服务器,您可以尝试WAMP或其他方法来运行本地Apache服务器。

原来在其他地方的GitHub上找到了真正的答案。提问者没有在标准模式下运行,导致ms-behavior:声明失败; Quirks模式仅识别behavior: