最近、elment-uiスタイルシートを書くときにオーバーフローの隠れた問題に遭遇しました。長い間コンソールで見つけました。もっと面倒です。
設定する前に
設定した後、
コードをアップロードしてください。
/deep/.el-table tbody tr:hover>td {
background-color: #242133 !important;
position: relative;
}
/deep/.el-table__body-wrapper {
overflow: visible !important;
}
/deep/.el-table .cell{
overflow: visible !important;
}
/deep/.el-table{
overflow: visible !important;
}
.tableEditBtn {
p {
position: absolute;
right: 25px;
bottom: -20px;
z-index: 999;
button {
display: block;
width: 110px;
height: 40px;
background: #3A3949;
color: #F7F6FD;
border: none;
outline: none;
}
}
}
備考:
pタグのパンボタンの場合、相対位置をpタグに追加するときは、z-index属性を追加して、そのレベルをel-tableのレベルよりも大きくする必要があります。
完璧な解決策、他にどのような問題が発生しましたか(⊙o⊙)?