我正在嘗試凍結墊子表。在表格內，我有輸入、復選框等。不知何故，我試圖根據 ts 中的變數凍結它，因此用戶無法更改表。我試圖放置一個覆寫 div，但表格仍然沒有凍結。如果我放置 position:fixed 表格將不再顯示，所以這不是一個解決方案。我該怎么做？HTML：
<div [id]="requestInProgress ? 'overlay' : ''">
<div class="mat-elevation-z8 layout-container">
...//table
</div>
</div>
CSS：
#overlay {
z-index: 10000;
opacity: 0.5;
background-color: grey;
}
uj5u.com熱心網友回復：
您只需要禁用指標事件以防止用戶點擊/互動。
HTML
<div [ngClass]="{'overlay' : requestInProgress}">
<div class="mat-elevation-z8 layout-container">
...//table
</div>
</div>
CSS
.overlay{
pointer-events: none; // The magic line
z-index: 10000;
opacity: 0.5;
background-color: grey;
}
uj5u.com熱心網友回復：
overlay當您想要阻止表格視圖時，您可以在表格之后添加div 并顯示它
<div class="container">
<div class="mat-elevation-z8 layout-container">
...//table
</div>
<div class="overlay" *ngIf="requestInProgress"></div>
</div>
.container {
position: relative;
}
.overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 10000;
opacity: 0.5;
background-color: grey;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/445003.html
上一篇：如何重新排序CSSFlexbox
下一篇：隱藏最大寬度的元素：0？