Question

  <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中我只使用图像将内容夹在中间。但是，当我将鼠标悬停在链接上时，工具提示仅在其容器中可见。那么我怎样才能获得工具提示（让它成为图像）而不管div。

提前致谢

Answer 1

根据我的理解，我认为您在工具提示中显示了它所定义的'区域'，并且您希望它弹出并悬停/浮动在元素附近/上方。

您需要定义工具提示position [relative/absolute]。这应该将其浮动到内容的其余部分之上，并使用z-index: value。

的组合

希望这就是你所要求的，我在这里根据你的问题作出许多假设。

Answer 2

使用title属性显示DIV的工具提示

示例

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

使用悬停不使用div的工具提示？

2 个答案: