SVG <a>标签在Safari中不起作用

Question

<a>我的svg内的标签与谷歌浏览器中的模态完美匹配.但是,在Safari中,链接不起作用.我认为这是一个模态问题,但我测试打开一个单独的模态,它的工作原理.我认为问题在于svg,但我无法让它发挥作用.任何帮助将非常感激.

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:href.

xlink:href是SVG 1.1,href是SVG 2的一个特性.