자바 스크립트 배경 URL 이미지는 다음과 같이, 자바 스크립트의 제품 이미지를 표시하려고 사파리 브라우저

임에 표시되지 : 이미지가 크롬에 큰 나타자바 스크립트 배경 URL 이미지는 다음과 같이, 자바 스크립트의 제품 이미지를 표시하려고 사파리 브라우저

<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>

을하고, 인터넷 익스플로러,하지만 사파리에서 이미지가 표시되지 않습니다. 여기

는 검사 코드가 크롬 개발 도구에 모습입니다 :

은 "URL"부분을 보여줍니다 :

이 사파리 개발자 콘솔에 나타납니다 것입니다 사파리에 두번이나 올랐지. Safari에서 두 번 표시되지 않도록 수정할 수 있습니까? 이것은 내가이 작업을 얻기 위해해야 할 일을했을 것입니다

는

출처

2017-03-06 David

이 사파리 http://codepen.io/anon/pen/vxXzOy?editors=1010에 나를 위해 작동합니다. 우리에게 실용적인 데모를 주시겠습니까? –

고객 웹 사이트이고 암호가 지금 보호되어 있기 때문에 나는 URL을 줄 수 없습니다. 클라이언트와 개발자 외에는 아무도 액세스 할 수 없습니다. – David

제 3 자 사이트로 연결해 줄 것을 요청하는 것이 아닙니다. 문제를 재현 할 최소 코드로 문제의 게시물을 SO에서 재현 해달라고 요청합니다. * "디버깅 도움말을 찾는 질문 ("이 코드가 작동하지 않는 이유는 무엇입니까? ")에는 원하는 동작, 특정 문제 또는 오류 및 문제 자체에서이를 재현하는 데 필요한 가장 짧은 코드가 포함되어야합니다. 다른 독자들에게 유용합니다 : [mcve]를 만드는 방법 * –

'<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

자바 스크립트 배경 URL 이미지는 다음과 같이, 자바 스크립트의 제품 이미지를 표시하려고 사파리 브라우저

답변

관련 문제