編碼IE的background-image屬性

Question

我在使用Internet Explorer中的background-image屬性顯示圖像時遇到了一些困難。例如，我變換此URL

DLH_747-8I_1443_RC022_0003 - 複製（2）.JPG

與

url = encodeURI(url).replace(/\(/g, '%28').replace(/\)/g, '%29'); 

到其成爲

DLH_747-8I_1443_RC022_0003 ％20-％20Copy％20％282％29.jpg

在Chrome和Firefox中，轉換後的網址與background-image一起工作得很好，但IE當然給我帶來麻煩。

是否有一種特殊的方式，IE編碼基於url()的網址的URL，如background-image？

Answer 1

根據我的研究CSS1定義的URL爲具有關於轉義規則如下：

括號，逗號，空白字符，單引號（'）和雙引號（「）出現在URL必須是用反斜槓轉義：「（」，「）」，「\」

這也就意味着，雖然IE是在其URL整體處理技術上不符合標準的，但它在技術上符合規範範圍內。因爲它將DLH_747-8I_1443_RC022_0003\ -\ Copy\ \(2\).jpg識別爲有效的網址。