3 回答

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超2個贊
我相信唯一的方法是使用 javaScript。
這是我的實(shí)現(xiàn):
CSS:
#tooltip::after {
content: "some tooltip content some tooltip content some tooltip content some tooltip content";
position: absolute;
bottom: 30%;
left: 250px;
background-color: yellow;
padding: 10px 8px;
min-width: 240px;
max-width: 240px;
}
JS:
btn.addEventListener('mouseover', event => {
tooltip.style.display = 'block';
})
btn.addEventListener('mouseout', event => {
tooltip.style.display = 'none';
})
https://jsfiddle.net/1dvc6mbh/

TA貢獻(xiàn)1809條經(jīng)驗(yàn) 獲得超8個贊
<th>
解決方案是為具有工具提示的內(nèi)容設(shè)置更高的 z-index
th.tooltip-header { z-index: 20; }
修改了您的示例: https: //jsfiddle.net/0cwahnby/2/
- 3 回答
- 0 關(guān)注
- 172 瀏覽
添加回答
舉報