基本上,我有几个.svg图像放在<img>我的HTML页面上的标签中,如下所示:
<img src="images/corner.svg" alt="menu" class="menu" onClick="Fade();"/>
所有这些图像彼此重叠.它们具有相同的尺寸但内容不同.
我现在正试图只使这些图像的内容可以点击.
有pointer-events: visible;或pointer-events: painted;似乎可能的CSS,但我无法让它像那样工作.图像仍会在其中的每个点接收点击,而不仅仅是在内容部分.
我尝试pointer-events: none;了顶部图像并禁用了对顶部图像的点击,这听起来像HTML或CSS代码中没有错误.
我在Illustrator CC中使用透明背景创建了那些.svg图像,所以通常没有内容,我使用以下选项导出它:
(抱歉这是德语版) SVG设置图片http://s14.directupload.net/images/140318/reurfvoo.png
我不知道问题出在哪里.
