SVG <a> Safariでタグが正しく機能しない

Question

Google Chromeのモーダルと完全にリンクしているのタグです。ただし、Safariではリンクが機能しません。モーダルの問題だと思っていましたが、別のモーダルを開いてテストしました。私は問題がsvgにあると思うが、私はそれを働かせることができない。どんな助けでも大歓迎です。あなたは物事がそこに仕事をしたい場合のhref：

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> 

Answer 1

SafariがHREFをサポートしていない、あなたはXLINKを使用する必要があるだろう。

xlink：hrefはSVG 1.1、hrefはSVG 2の機能です。