CSS 中的 MS IE 相对路径语法答案

【问题标题】：MS IE relative path syntax in CSSCSS 中的 MS IE 相对路径语法
【发布时间】：2011-03-03 03:04:19
【问题描述】：

我正在使用以下 CSS 代码：

body
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images/homebg.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images/homebg.png', sizingMethod='scale')";
  background-image: url('../images/homebg.png');
}

如您所见，我想在此页面上覆盖 MS IE 中的背景图像。此 CSS 代码位于 /styles/ 目录中，而图像位于 /images/ 目录中

如何在此 CSS 代码中声明背景图像的相对路径？

另外，我这样做是否正确 - 即应用 AlphaImageLoader 过滤器来实现 CSS background-size: cover; 效果？

谢谢！

【问题讨论】：

标签： css internet-explorer relative-path

【解决方案1】：

你试过输入吗

../images/homebg.png

至于过滤器本身，我觉得还可以。

【讨论】：

除了...在 Chrome 中，图像可以优雅地拉伸（x 和 y）以获得更大的屏幕分辨率，而在 IE 中，宽度覆盖 x 而不是 y。 link[/link] 的截图。顶部和底部的白色不应出现。有什么建议吗？
我不知道您的 CSS 的其余部分看起来如何，但您是否确保接收此过滤器的元素的高度设置为 100%？ IE 在自动处理高度方面非常糟糕，因此您通常必须设置它们。也许尝试将 body 设置为 height: 100% （根据您使用的 IE 版本，您可能也必须使用 min-height ）。
设置height: 100%; 和min-height: 100%; 都不起作用！我将其附加到body- 下一条评论中的整个 CSS
body { background-position: center; background-attachment: fixed; background-repeat: no-repeat; font-family: tahoma; font-size: 11pt; background-color: #153460; margin: 0.5%; background-image: url( '../images/bg.png' );
/*<msie>*/ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.png', sizingMethod='scale')"; /*</msie>*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; min-height: 100%; }