2

私が取り組んでいるサイトでは、圧縮された SVG 画像を dotnetnuke サイトのボタンの背景画像として使用しています。DNN のバージョンは 07.00.00 (1586) です。css は次のようになります。

a.primaryButton {
     background: url(data:image/svg+xml;base64,[data]);
}

注: ここでは、実際の圧縮ファイルの代わりに [data] を使用しました。

Host -> Host Settings -> Advanced Settings -> Client Resource Management で複合ファイルを有効にし、Minify CSS と Minify JS をオフにすると、上記の背景画像が次のように変わります。

a.primaryButton {
     background: url(https://mydevsite.com/DependencyHandler.axd/image/svg+xml;base64,[data]);
}

これが発生すると、SVG 背景画像は表示されなくなります。私の最初の考えは、すでに圧縮されている SVG を圧縮しようとすると問題があるということです。URL をコピーしてブラウザーに貼り付けると、400 の無効な要求応答が返されます。DNN で複合ファイルを有効にした後、SVG 背景画像が無効になるのはなぜですか?

ありがとうございます。

更新: これについてもう少し考えた後、DNN 複合ファイル ハンドラーがdata:上記のコードを に置き換えるのは本当に意味がないhttps://mydevsite.com/DependencyHandler.axdので、フォローアップの質問は、どうすれば DNN 複合ファイル機能が SVG を圧縮しようとするのを防ぐことができるかということですcssコードで背景画像として使用されるファイル?

4

1 に答える 1