wordpress表格插件TablePress添加鼠标悬停显示文字的css代码

TablePressTablePress插件表格悬停显示文字

wordpress表格插件TablePress添加鼠标悬停显示文字的css代码

在TablePress插件选项里加入以下css代码

td{ position:relative; z-index:2;}td:hover{ z-index:3; background:none; }td .tdtip { display: none;}td:hover .tdtip { display: block; position: absolute; top: 8px; background-color: whitesmoke; color: royalblue; word-break: break-all;}

在代码倒数第二第三行里：

其中whitesmoke是底色，知识兔可以改成16进制的颜色代码，比如#F5F5F5

royalblue是字体颜色，同样可以改成16禁止颜色代码，比如#808080

更多颜色可以百度搜下16禁止颜色代码。

然后知识兔在单元格里这样来填入数据：

默认文字悬停显示文字

悬停显示文字中可以添加
等换行代码。自己发挥即可。

效果：

鼠标离开后文字立即消失。

下载仅供下载体验和测试学习，不得商用和正当使用。

[ppwp passwords=”zhishitu.cn”]

下载体验

应版权要求，禁止分享，敬请谅解，有问题务必找客服哈。

如何获取解压密码？

有问题找客服哈，并领取学习福利！

[/ppwp]

点击下载