Html 如何在溢出：隐藏的容器中显示纯css工具提示

下面的css在悬停时显示数据属性的工具提示，但不适用于当容器

td

具有

溢出：隐藏时显示整个数据属性的用例

删除溢出：隐藏将启用工具提示，但会销毁省略号


html{
框大小：边框框；
}
*,
*：之前，
*：之后{
框大小：继承；
}
身体{
保证金：64px自动；
文本对齐：居中；
字体大小：100%；
最大宽度：640px；
宽度：94%；
}
a:悬停{
文字装饰：无；
}
标题，
.演示，
.demo p{
保证金：4em0；
文本对齐：居中；
}
[数据工具提示]{
位置：相对位置；
z指数：2；
光标：指针；
}
[数据工具提示]：在，
[数据工具提示]：在{
可见性：隐藏；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=0）”；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=0）；
不透明度：0；
指针事件：无；
}
[数据工具提示]：之前{
位置：绝对位置；
底部：150%；
左：50%；
边缘底部：5px；
左边距：-80px；
填充：7px；
宽度：160px；
-webkit边界半径：3px；
-moz边界半径：3px；
边界半径：3px；
背景色：#000；
背景色：hsla（0,0%，20%，0.9）；
颜色：#fff；
内容：attr（数据工具提示）；
文本对齐：居中；
字体大小：14px；
线高：1.2；
}
[数据工具提示]：在{
位置：绝对位置；
底部：150%；
左：50%；
左边距：-5px；
宽度：0；
边框顶部：5px实心#000；
边框顶部：5px实心hsla（0,0%，20%，0.9）；
右边框：5px实心透明；
左边框：5px实心透明；
内容：“；
字号：0；
线高：0；
}
[数据工具提示]：悬停：在，
[数据工具提示]：悬停：在{
能见度：可见；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=100）”；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=100）；
不透明度：1；
}
.姓名{
最大宽度：200px；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
}

一个
DsfSdfSdfSdfSdfSdfSdfSdfSd
三
您可以将文本放在
标记中，然后将
溢出：隐藏的
添加到该标记中


html{
框大小：边框框；
}
*,
*：之前，
*：之后{
框大小：继承；
}
身体{
保证金：64px自动；
文本对齐：居中；
字体大小：100%；
最大宽度：640px；
宽度：94%；
}
a:悬停{
文字装饰：无；
}
标题，
.演示，
.demo p{
保证金：4em0；
文本对齐：居中；
}
[数据工具提示]{
位置：相对位置；
z指数：2；
光标：指针；
}
[数据工具提示]：在，
[数据工具提示]：在{
可见性：隐藏；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=0）”；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=0）；
不透明度：0；
指针事件：无；
}
[数据工具提示]：之前{
位置：绝对位置；
底部：150%；
左：50%；
边缘底部：5px；
左边距：-80px；
填充：7px；
/*宽度：160px*/
-webkit边界半径：3px；
-moz边界半径：3px；
边界半径：3px；
背景色：#000；
背景色：hsla（0,0%，20%，0.9）；
颜色：#fff；
内容：attr（数据工具提示）；
文本对齐：居中；
字体大小：14px；
线高：1.2；
}
[数据工具提示]：在{
位置：绝对位置；
底部：150%；
左：50%；
左边距：-5px；
宽度：0；
边框顶部：5px实心#000；
边框顶部：5px实心hsla（0,0%，20%，0.9）；
右边框：5px实心透明；
左边框：5px实心透明；
内容：“；
字号：0；
线高：0；
}
[数据工具提示]：悬停：在，
[数据工具提示]：悬停：在{
能见度：可见；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=100）”；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=100）；
不透明度：1；
}
.name{}
p{
溢出：隐藏；
最大宽度：200px；
文本溢出：省略号；
空白：nowrap；
保证金：0；
}

一个
DsfSdfSdfSdfSdfSdfSdfSdfSd

三
@Seblor有可能@Kaddath啊，谢谢。我承认我直到现在才看到它被使用过。这是个好主意。不幸的是，我需要在td上设置
max length:0
，以便它扩展到整个td。如果p上的最大长度为0，则不会visible@dagda1抱歉，不确定您的意思-为什么需要“最大长度：0”？你能用这个更新你的代码吗？