的Javascript背景的URL圖像不顯示在Safari瀏覽器

我試着顯示在JavaScript中的產品形象，就像這樣：的Javascript背景的URL圖像不顯示在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瀏覽器中，圖像不顯示。

下面是檢查代碼看起來對Chrome瀏覽器開發工具：

這是Safari瀏覽器開發者控制檯上顯示的內容：

的「URL」部分顯示在safari上兩次，這就是爲什麼它破壞。有沒有辦法解決這個問題，所以它不會在Safari上顯示兩次？

來源

2017-03-06 David

這在Safari http://codepen.io/anon/pen/vxXzOy?editors=1010爲我工作。你能給我們一個工作演示嗎？ –

我不能給你的網址，因爲這是一個客戶的網站，其密碼現在保護。除了客戶和開發人員之外，沒有人可以訪問它。 – David

我並非要求您將我們鏈接到第三方網站。我要求您在SO上的帖子中重現問題，並用最少量的代碼來複制問題。 *「尋求調試幫助的問題（」爲什麼這個代碼不工作？「）必須包含所需的行爲，特定的問題或錯誤以及在問題本身中重現問題所需的最短代碼。「* –

這是我必須做的就是它的工作：

'<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('"','')

來源

2017-03-07 16:57:41 David

的Javascript背景的URL圖像不顯示在Safari瀏覽器

回答

相關問題