SVG图标不是';t可在div元素内部单击

SVG图标不是';t可在div元素内部单击,svg,clickable,Svg,Clickable,SVG图标在div元素内不可单击。Div是可点击的。这里是我的css: &__icon { position: absolute; top: 0.1em; right: 50%; transform: translateX(50%); opacity: 0.5; width: 2.5em; height: 2.5em; svg { width: 100%;

SVG图标在div元素内不可单击。Div是可点击的。这里是我的css:

     &__icon { 
      position: absolute;
      top: 0.1em;
      right: 50%;
      transform: translateX(50%);
      opacity: 0.5;
      width: 2.5em;
      height: 2.5em;

      svg {
        width: 100%;
        height: 100%;
        pointer-events: none;
      }
    }
已找到解决方案,基于

迪夫正在忙着。在css中将z-index:-1设置为DIV,或将SVG元素设置为z-index:2