次のjQueryコードを実行すると、画像が見つからないことを除けば、問題なく動作します。Chromeの開発者ツールで404エラーが発生します。
jQuery:
$('.pg-nav a, .pg-nav-img').hover(
function() {
$('.pg-nav a').css('color', '#0087CD');
$('.pg-nav-img').css('background-image', 'url(../images/page-nav-icon-blue.svg)')
}, function() {
$('.pg-nav a').css('color', '');
$('.pg-nav-img').css('background-image', '')
});
このスレッドからの回答を見ると、MIMEタイプがのtext/html
代わりに表示されることがわかりましたimage/svg+xml
。どうすればこれを修正できますか?
注:PCから実行しても問題なく動作しますが、サーバーにアクセスすると、この問題が発生します。
SVGでは、.htaccessを介してmimeタイプを設定する必要があるようです。このサイトには詳細がありますSVGMIME TYPE
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加