SVG <a> Safari에서 태그가 작동하지 않습니다.

내 svg 링크의 <a> 태그가 Google 크롬의 내 모달과 완벽하게 일치합니다. 그러나 Safari에서는 링크가 작동하지 않습니다. 모달 문제라고 생각했지만 별도의 모달을 여는 테스트를 거쳤습니다. 나는 문제가 svg에 있다고 생각하지만, 나는 그것을 작동시킬 수 없다. 어떤 도움이라도 대단히 감사 할 것입니다. 당신이 일이 작업 할 경우 HREF :SVG <a> Safari에서 태그가 작동하지 않습니다.

SVG의 HTML

<object> 
    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1190px" height="1261px" viewBox="0 0 1190 1261" enable-background="new 0 0 1190 1261" xml:space="preserve"> 
     <a href="#openRoom4_1"> 
      <polygon class="roomSVGs" fill="blue" points="626,259 827,324 980,191 775,137 "/> 
     </a> 
    </svg> 
</object>

모달 HTML

 <div id="openRoom4_1" class="modalDialog"> 
      <div class="roomModal"> 
       <a href="#close" title="Close" class="close">&times;</a> 
       <h2>Room 4.1</h2> 
        <p>Hi</p> 
      </div> 
     </div>

출처

2017-04-18 John Rudell

사파리 HREF를 지원하지 않습니다, 당신은 인 XLink를 사용해야 할 것입니다.

xlink : href는 SVG 1.1이며, href는 SVG 2 기능입니다.

출처

2017-04-18 06:18:42

xlink : href는 내 커서를 클릭 가능한 링크의 손에 넘깁니다. 심지어 왼쪽 하단에있는 "이 페이지에서 # openRoom4_1 (으)로 이동"이라고 말합니다. 그러나, 그것은 여전히 나를 모달로 데려 가지 않습니다. –

SVG <a> Safari에서 태그가 작동하지 않습니다.

답변

관련 문제