Question

我在网站顶部有一个很大的svg元素。它设置为“绝对”，并且在svg的不可见部分之上有链接。这些链接在某种程度上不活跃，我无法使用“z-index”。一旦他们无法接触svg，他们就像往常一样活跃。除了“z-index”之外还有其他参数可以用来防止这种情况发生吗？

<html>
<defs> 
    <symbol id="svg1">
            <path id="headcurve1" d="M739.009,0H0.078L0,61.997c266.167-18.812,518.333,4.271,739.134,62.977L739.009,0z">
     </symbol>  
       <filter id="f5" width="120%" height="120%">
         <feGaussianBlur in="SourceAlpha" stdDeviation="1.5"result="out1"/>
            <feOffset in="out1" dx=".1" dy=".1" result="out2" />
          <feMerge>
            <feMergeNode in="out2" />
            <feMergeNode in="SourceGraphic" />
          </feMerge>
       </filter>
 </defs>

    <div id="sidemenu">
       <h2>Aktuelles</h2>
        <br>
        <a>several links</a>
        <a>several links</a>
        <a>several links</a>
    </div>

</html>

的CSS：

#headcurve1 {
position: absolute;
top: 0;
z-index: 2;
}

#sidemenu {
width: 250px;
float: right;
margin-top: 25px;
margin-right: 20px;
z-index: 20;
{

svg元素涵盖了链接

0 个答案: