鼠标悬停提示

  
  
  
    .tooltip {
      positionindex.php/tags-41973.html" class="superseo">: relative;
      display: inline-block;
      cursor: pointer;
    }
    .tooltip .tooltip-text {
      visibility: hidden;
      width: 120px;
      background-color: #000;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px;
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 100%;
      transform: translate(-10px, -50%);
      opacity: 0;
      transition: opacity 0.3s;
    }
    .tooltip .tooltip-text::before {
      content: "";
      position: absolute;
      top: 50%;
      right: 100%;
      transform: translateY(-50%);
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent transparent #000;
    }
    .tooltip:hover .tooltip-text {
      visibility: visible;
      opacity: 1;
    }
  
  CSS Tooltip Example


  
    鼠标悬停在我上面
    这是一个提示信息
  

（）（）