2017-03-06 1 views
1

イムに表示されない:画像はクロームに大きな現れるJavascriptを背景URLの画像はこのように、JavaScriptでの製品の画像を表示しようとしているSafariブラウザ

<script> 
     $(document).ready(function(){ 

     var image,caption; 

     function sectionHtml(caption,image){ 
      return '<div class="mason-image" style="background: url('+image+') center center; background-size: cover;"><h3>'+ caption +'</h3></div>'; 
     } 

     caption = $($('.image-bar__item')[0]).text() 
     image = $($('.image-bar__item.image-bar__link')[0]).css('background-image').replace('url("','').replace('")','') 


// More stuff here, not related to image 
}); 
</script> 

を、およびInternet Explorerが、Safariの上、画像が表示されません。ここで

は、検査コードはクローム開発ツール上でどのように見えるかです:

enter image description here

"URL" の部分ショー:

enter image description here

これは、Safariデベロッパコンソール上に表示するものですサファリに2回、それがなぜ壊れたのか。 Safariで2回表示されないように修正できる方法はありますか?これは、私はそれが働いて得るためにしなければならなかったものです

+0

これはサファリhttp://codepen.io/anon/pen/vxXzOy?editors=1010に私のために動作します。デモをお願いしますか? –

+0

これはクライアントのウェブサイトであり、パスワードは現在保護されているため、私はあなたにURLを提供できません。誰もクライアントと開発者のほかにアクセスすることはできません。 – David

+0

私はあなたをサードパーティのサイトにリンクさせることを求めていません。私は問題を再現するコードの最小量で、あなたの投稿の問題を再現するようにお願いします。 * "デバッグの助けを求める質問("なぜこのコードが動作しないのですか? ")には、目的の動作、特定の問題またはエラー、および問題自体の再現に必要な最短コードが含まれていなければなりません。参照:「mcve」を作成する方法:* –

答えて

0

'<div class="mason-image" style="background: url(' + image + ') center center;"></div>'; 

image = $($('.image-bar__item.image-bar__link')[0]).css('background-image').replace('url','').replace('(','').replace(')','').replace('"','').replace('"','') 
関連する問題