css - 面板外的 SVG 图像被裁剪

Question

我正在尝试将 svg 图像定位在 Material 扩展面板的边框上。问题是 svg 图像应该位于面板外一点。

但是 svg 图像被裁剪了。我尝试使用 z-index 但没有任何效果。

你有什么想法吗？？

错误:

预期:

CSS

.svg-class .mat-radio-container::after {

  display: block;
  content: url("../../assets/images/top-kondition3.svg");
  overflow: visible !important;
  margin: -31px;
}

html

      <mat-expansion-panel *ngFor="let element of elements" class="svg-class">
          <mat-expansion-panel-header matRipple>
            <mat-radio-button #radio (change)="onChanged($event)"></mat-radio-button>
           Hello
          </mat-expansion-panel-header>

        </mat-expansion-panel>          
    </mat-accordion>

Answer 1

必有overflow: hidden在父 div 中设置可能是 <mat-expansion-panel> 的父级

所以你需要分配overflow:visible到父 div 然后它将起作用