克隆与括号的背景图象在文件名

Question

我有一个背景图片,在文件名中有一个括号:

<DIV style="BACKGROUND: url('http://site.com/image(8).png');"></DIV>

这通常很好,并且没有混淆,因为文件名周围有引号.

然而,在IE的开发者工具中,我看到浏览器出于某种原因剥离了引号.

<DIV style="BACKGROUND: url(http://site.com/image(8).png);"></DIV>

它仍然有效,所以没什么大不了的.当我尝试使用jquery的clone功能时出现问题.

显然,clone()之后的输出不能识别上面的图像url在IE8中有效并将其剥离(其他浏览器,包括IE7,都可以).所以我最终得到了这个:

<DIV></DIV>

有人知道怎么修这个东西吗？也就是说,在IE8中的url中使用括号克隆背景图像.

谢谢.

此外,作为附录我必须使用内联样式的相关元素,所以请不要建议使用单独的样式表.

Ad2:在转义时,浏览器渲染后转义的实体变为非转义状态.在页面加载后再次进行克隆,并且要克隆的选定对象中包含未转义的字符.

Answer 1

不要使用HTML实体转义括号(浏览器将属性中的实体视为等效的文字字符是正确的),使用URL实体转义它们:

(=%28
)=%29

Answer 2

你缺少一个引号字符：“

<DIV style="BACKGROUND: url('http://site.com/image(8).png');></DIV>

应该

<DIV style="BACKGROUND: url('http://site.com/image(8).png');"></DIV>

您可以在这里看到，即使是 stackoverflow 代码格式化程序也将代码格式化为不同的