滑鼠游標移到暱稱文字區域時,固定的寬度會放大以顯示較完整的暱稱。下圖是寬度放大後的暱稱:
/* 把回應內容區裡的表格改成固定寬度的layout */
.list table {
table-layout:fixed;
}
/* 暱稱區寬度固定為35%, 淡灰底色;超出寬度的部份會消失(hidden) */
.list .td_qual {
width:35% !important;
border-right: 2px solid #dddddd;
background: #dddddd;
overflow: hidden;
}
/* 游標移入暱稱區時寬度變成60% */
.list .td_qual:hover {
width:60% !important;
position: absolute;
}
/* 游標移至暱稱的文字連結時,顯示超長部份 */
.list .td_qual .name:hover {
overflow: visible;
width: 60% !important;
}
/* 把暱稱三角形按鈕往右移,以免蓋到修飾詞 */
.cmp_tooltips-down {
left:30px;
position:absolute;
}
0 意見:
張貼留言