工具提示使用悬停不能使用div?

工具提示使用悬停不能使用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> 

工具提示使用悬停不能使用div?

在CSS我只是用图像三明治内容。但是当我将鼠标悬停在链接上时,工具提示仅在其容器中可见。那么我怎么能得到工具提示(让它是图像),而不论div。

在此先感谢

+2

我不明白这个问题在所有。 – 2010-09-01 10:30:51

+2

是什么让你的工具提示,是CSS,jQuery?我们需要一个更好的解释,也许一个现场的例子会大大有利于你。 – Kyle 2010-09-01 10:48:07

据我了解,我觉得你有工具提示中的“区域”显示它被定义的,您希望它弹出和悬停/浮附近/元素上。您需要定义您的工具提示position [relative/absolute]。这应该将其浮在余下的内容之上,结合z-index: value

希望这就是你所问的,我在这里根据你的问题做出了许多假设。

+0

thanx一吨Jakub ..有什么我想要的,你可以更准确我尝试使用Z索引,但:(:) – 2010-09-01 13:31:02

+0

'Z-index'设置元素,z-index'堆栈顺序' 0是默认的(我相信),设置一个'z-index:1'会将一个元素放到1个更高的层次上(以ps的形式表示层)更多信息:http://www.w3schools.com/css/ pr_pos_z-的index.asp – Jakub 2010-09-01 13:55:08

使用title属性来显示DIV

例如提示

<div title='This is DIV area' ></div>