SVG <a> Tags funktionieren nicht in Safari

Die <a> Tags in meinem Svg Link perfekt zu meinen Modalen in Google Chrome. In Safari funktionieren die Links jedoch nicht. Ich dachte, es wäre ein Modal-Problem, aber ich habe das Öffnen eines separaten Modals getestet und es hat funktioniert. Ich denke, das Problem liegt in der SVG, aber ich kann es einfach nicht zur Arbeit bringen. Jede Hilfe würde sehr geschätzt werden.SVG <a> Tags funktionieren nicht in 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>

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

Quelle

2017-04-18 John Rudell

Safari unterstützen href nicht, müssen Sie würde xlink verwenden: href, wenn Sie wollen die Dinge dort zu arbeiten.

xlink: href ist SVG 1.1, href ist ein Feature von SVG 2.

Quelle

2017-04-18 06:18:42

xlink: href verwandelt meinen Cursor in eine Hand für einen anklickbaren Link. Es sagt sogar "Gehe zu # openRoom4_1 auf dieser Seite" in der unteren linken Ecke. Allerdings bringt es mich immer noch nicht zu meinem Modal. –

SVG <a> Tags funktionieren nicht in Safari

Antwort

Verwandte Themen