CSS 背景圖片在 IE 不顯示：註釋寫法導致解析失敗

問題代碼

.main-nav .m1 { 
    background: url("no1.png"/*tpa=https://www.xxxxxx.com/1124img/no1.png*/) no-repeat 0 0;
}

原因分析

CSS 註釋標準為 /* 註釋 */。代碼中在 URL 字符串內部插入註釋，且註釋未閉合前包含 */，導致瀏覽器解析錯誤：

• IE/Edge/Chrome/Firefox 均不支持字符串內內聯註釋。
• UC 瀏覽器容錯性較好，勉強渲染。

修正方法

1. 移除註釋：background: url("no1.png") no-repeat 0 0;
2. 註釋置於屬性外：/* 原圖: https://... */ background: url("no1.png") ...
3. 使用構建工具：Webpack/Vite 等可自動處理路徑映射，無需手寫註釋。

最佳回答

一看就是網站小偷a下來的代碼，用dw打開css，正則替換掉注釋，不支持那樣寫注釋，uc支持比較奇葩，chrome，firefox都沒有效果