javascript - 通过javascript将图像路径添加到css中的过滤器

Question

在 Internet Explorer 中，我有以下要缩放的网站背景:

#background{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background1.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background1.jpg', sizingMethod='scale')";}

效果很好，但我需要将图像路径更改为来自 javascript 的变量，来自具有多个背景的数组。使用随机数，每次网站加载时我都会选择背景。

为此我正在做:

#background{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<script>document.write(background[rn]);</script>', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<script>document.write(background[rn]);</script>', sizingMethod='scale')";}

但这行不通。缩放不再起作用。

为什么？它出什么问题了？你会如何让它发挥作用？

非常感谢

Answer 1

这行得通吗？:

<script>
document.write("<style type=\"text/css\">\n#background{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + background[rn] + "', sizingMethod='scale' \n-ms-filter: \"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + background[rn] + "', sizingMethod='scale')\";}\n</style>");
</script>

在您的示例中，您试图在引号内插入脚本标记，这是不可能的，因为它只会被解释为字符串而不是脚本。