代码之家  ›  专栏  ›  技术社区  ›  Praneel PIDIKITI

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

  •  2
  • Praneel PIDIKITI  · 技术社区  · 16 年前
      <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>
    

    提前谢谢

    2 回复  |  直到 16 年前
        1
  •  2
  •   Jakub    16 年前

    据我所知,我认为工具提示显示在它定义的“区域”中,您希望它弹出并在元素附近/上方悬停/浮动。

    position [relative/absolute] z-index: value .

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

        2
  •  0
  •   user2882085 user2882085    11 年前

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

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