Html 使工具提示位置固定
我已经能够为我的应用程序创建工具提示。工具提示内容将来自数据库,并且是动态的。有时有两行文字,有时有五行文字。无论内容是什么,我都在努力保持位置不变。有什么我能解决的吗 这是一个演示我所面临的问题的例子Html 使工具提示位置固定,html,css,tooltip,Html,Css,Tooltip,我已经能够为我的应用程序创建工具提示。工具提示内容将来自数据库,并且是动态的。有时有两行文字,有时有五行文字。无论内容是什么,我都在努力保持位置不变。有什么我能解决的吗 这是一个演示我所面临的问题的例子 .tooltip:hover .dumClass { display: inline; color: #ffffff; border: 1px solid #DCA; background: #444; -moz-border-radius: 11px;
.tooltip:hover .dumClass {
display: inline;
color: #ffffff;
border: 1px solid #DCA;
background: #444;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
}
enter code here
CSS
是否希望工具提示始终悬停在同一相对位置的元素上,或者工具提示是否应显示在固定位置?如在小提琴中,工具提示应显示在同一相对位置。它将显示在元素顶部。
.tooltip{position:relative;}
.tooltip .dumClass {
z-index: 10;
display: none;
padding: 14px 20px;
bottom:20px;
left:0;
width: 240px;
line-height: 16px;
position: absolute;
}