是否仅为CSS内联;工具提示“;里面有HTML内容(如图像)可能吗?

是否仅为CSS内联;工具提示“;里面有HTML内容(如图像)可能吗?,html,css,tooltip,Html,Css,Tooltip,有很多关于堆栈溢出的工具提示解决方案,即当用户将鼠标悬停在其他文本上时显示一些文本或HTML的方法。然而,我似乎找不到一个: 是纯HTML+CSS 允许内嵌工具提示(例如,不需要或其他块元素) 允许HTML工具提示内容(可能带有display:block) 这些需求来自于希望在文本的段落内提供术语的内联定义,我希望这些定义能够包含块显示HTML内容(例如段落和图像) 我发现的大多数仅CSS的解决方案似乎都是通过将“工具提示”定义嵌套在悬停目标的HTML中来工作的。但是,如果希望术语是内联的,

有很多关于堆栈溢出的工具提示解决方案,即当用户将鼠标悬停在其他文本上时显示一些文本或HTML的方法。然而,我似乎找不到一个:

  • 是纯HTML+CSS
  • 允许内嵌工具提示(例如,不需要
    或其他块元素)
  • 允许HTML工具提示内容(可能带有
    display:block
这些需求来自于希望在文本的段落内提供术语的内联定义,我希望这些定义能够包含块显示HTML内容(例如段落和图像)

我发现的大多数仅CSS的解决方案似乎都是通过将“工具提示”定义嵌套在悬停目标的HTML中来工作的。但是,如果希望术语是内联的,但其定义是block,则这是不可能的,因为必须将块内容嵌套在内联标记中


有没有其他方法可以让我在段落中使用单词或短语作为“悬停目标”,然后在出现这种情况时显示HTML悬停定义。。。没有Javascript?

如果允许将实际文本的标记更改为用divs+合适的CSS替换内联元素(p可能是最有可能需要的),则可以在内联块的div中插入工具提示内容

这意味着任何块内容都可以保留在工具提示中

下面是一个简单的例子:

.inline{
显示:内联块;
位置:相对位置;
}
.inline.content{
显示:无;
位置:绝对位置;
顶部:1米;
左:0;
z指数:99999;
边框样式:实心;
背景色:白色;
}
.inline:hover.content{
显示:块;
}
我无法悬停。
但我是可以飞翔的。
我是工具提示内容,我有一个图像在我。。。
…还有另一个部门
我不能飞翔。

能否将段落转换为具有适当格式的div。听起来有点激烈,但我能想到的唯一方法是允许可悬停文本位于内联块中,例如,并且仍然具有合法的HTML。核心问题是,任何形式的“将弹出元素放在悬停元素中”都会违反HTML规则:它会将块内容放在内联内容中。所以,我正在寻找一个“技巧”来绕过核心限制。。。或者(更可能)触发弹出文本的其他方式,除了将弹出文本粘贴在悬停元素中之外,还利用了其他任何机制。或者,如果这是不可能的,如果有人能解释为什么你永远不能触发爆米花。。。不把它粘在悬停里(也不带JS)。。。我也接受。你不能把块内容放在内联块元素中吗?W3C验证器并没有抱怨,我认为内联块就是这样的;你能回答一下吗?