css - 转义 progid 中的特殊字符：DXImageTransform.Microsoft.AlphaImageLoader

Question

我在过滤器中发现了非常奇怪的动作：progid:DXImageTransform.Microsoft.AlphaImageLoader

<style>
 .some{ width: 16px; height: 16px;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="C:/Users/usr7/Desktop/(x86)/close.png", sizingMethod='scale');
 }
</style>

<div class='some'>
 hello
</div>

如果 AlphaImageLoader' src 的大括号字符是 ( ) ，它在 ie8 和 ie9 上不起作用。有什么方法可以转义大括号字符吗？

Answer 1

您应该能够对 CSS 字符串标记内的特殊字符使用转义，即将括号符号替换为\29和\28（相应地表示左括号和右括号）。

具体例子

src="C:/Users/usr7/Desktop/\29x86\28/close.png"

参考

• CSS 标记化
• CSS中的转义字符