Css 使用悬停的工具提示不使用div?
在css中,我只是使用图像来夹心内容。但当我将鼠标悬停在链接上时,工具提示仅在其容器中可见。因此,我如何获得工具提示(让它成为图像),而不考虑divCss 使用悬停的工具提示不使用div?,css,html,Css,Html,在css中,我只是使用图像来夹心内容。但当我将鼠标悬停在链接上时,工具提示仅在其容器中可见。因此,我如何获得工具提示(让它成为图像),而不考虑div 提前感谢据我所知,我认为工具提示显示在定义它的“区域”中,您希望它弹出并在元素附近/上方悬停/浮动 您需要定义工具提示位置[相对/绝对]。这将使其浮动在内容的其余部分之上,并结合z-index:value 希望这就是你要问的,我在这里根据你的问题做了很多假设。使用title属性显示DIV的工具提示 示例 <div id="content"
提前感谢据我所知,我认为工具提示显示在定义它的“区域”中,您希望它弹出并在元素附近/上方悬停/浮动 您需要定义工具提示
位置[相对/绝对]
。这将使其浮动在内容的其余部分之上,并结合z-index:value
希望这就是你要问的,我在这里根据你的问题做了很多假设。使用title属性显示DIV的工具提示 示例
<div id="content">
<div class="container">
<!--start side column-->
<div class="side-col">
<div class="searchmodule-header-container">
</div>
<div class="searchmodule-header-container">
<div class="searchmodule-header">
</div>
</div>
<div class="searchmodule-content-container">
<div class="searchmodule-content">
<div class="menu">
</div>
<div class="menu">
<ul>
<li><a href="#" class="tooltiplink">Title <span class="tooltip"><span class="top"></span> <span class="middle"> I triggered this using Jsp dynamic page </span><span class="bottom"></span></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="main-col">
<div class="content-header">
</div>
<div class="form-container">
</div>
</div>
我根本不理解这个问题。你的工具提示是什么,是CSS还是jQuery?我们需要一个更好的解释,也许一个活生生的例子会让你受益匪浅。thanx a ton Jakub..这就是我想要的,你能更精确一点吗?我尝试过使用Z-index,但是:(Z-index
设置元素的“堆栈顺序”(想想photoshop中的层),Z-index:0是默认值(我相信)设置一个z-index:1
会将一个元素放入一个更高的级别(ps术语中的层)。更多信息如下:
<div title='This is DIV area' ></div>