Клонирование фонового изображения с круглыми скобками в имени файла

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 () не распознает указанный выше URL-адрес изображения как действительный в IE8 и удаляет его (другие браузеры, включая IE7, в порядке). И вот я в конечном итоге с этим:

<DIV></DIV>

Кто-нибудь знает, как это исправить? То есть клонируйте фоновое изображение с круглыми скобками в URL в IE8.

Спасибо.

Кроме того, в качестве дополнения я должен использовать встроенный стиль для соответствующих элементов, поэтому, пожалуйста, не рекомендуется использовать отдельную таблицу стилей.

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 форматирует код по-другому

Answer 3

( для левой круглой скобки '('

) для правой скобки ')'

Может, это решит проблему?

Answer 4

Мне кажется, что избежать парентеза не получится. TBH, я бы использовал это в URL.