如何使文本对象对鼠标透明?

问题描述 投票:0回答:1

假设我有一个带有嵌入式SVG对象的简单HTML页面,其中一些文本放在一个椭圆上(后者是一个超链接):

<html><body>
    <svg>
        <g>
            <a href="http://google.com">
                <ellipse ry="30" rx="50" cy="100" cx="100" />
            </a>
            <text y="100" x="70" style="fill:#ef0000;font-size: 40">some text</text>
        </g>
    </svg>    
</body></html>

请注意,当鼠标悬停在文本上方时,单击不会执行任何操作:文本对象对于鼠标单击而言不是透明的。如何在不将整个文本转换成超链接的情况下使鼠标的文本对象透明?

html svg click
1个回答
0
投票
Pete注释中建议的解决方案是通过设置pointer events来取消style="pointer-events: none;"
© www.soinside.com 2019 - 2024. All rights reserved.