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 文字列トークン内の特殊文字のエスケープを使用できるようにする必要があります。つまり、括弧記号を\29andに置き換えます\28(これは、左右の括弧を表します)。

具体例

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

参考文献

• CSS トークン化
• CSS のエスケープ文字