発生している問題 前任者から引き継いだウェブサイトが Chrome のみの対応で、これを Edge にも対応させようとしていますが、未解決の問題があり、質問させていただきます。 CSS のカスタムプロパティに url() を相対パスで指定しましたが、これを別の階層から呼び出したときに取得される絶対パスがブラウザによって異なるため困っています。 具体的には、以下のように ./index.html のインライン CSS でカスタムプロパティ --icon を設定し、それを外部 CSS ./css/test.css で呼び出すという流れになっています。Chrome では ./css/icon.png が参照されますが、Edge (EdgeHTML) では ./icon.png が呼ばれてしまいます。 html
![CSS で url() 相対パスの解決がうまくいかない](https://cdn-ak-scissors.b.st-hatena.com/image/square/d61d99447f3434c475f38686e3fcb4f6ab93528f/height=288;version=1;width=512/https%3A%2F%2Fteratail.com%2Fimg%2FogpImages%2FimgFacebookShare.png)