zoukankan      html  css  js  c++  java
  • 鼠标悬停有提示

    <!DOCTYPE html>
    <html>
      <head>
        <title>鼠标经过时有提示信息</title>
        <meta name="content-type" content="text/html; charset=UTF-8">
      </head>
      
     <style type="text/css">
    .tishi{
    position:relative; /*这个是关键*/
    z-index:2;
    }
    .tishi:hover{
    z-index:3;
    background:none; /*没有这个在IE中不可用*/
    }
    .tishi span{
    display: none;
    }
    .tishi:hover span{ /*span 标签仅在 :hover 状态时显示*/
    display:block;
    position:absolute;
    top:21px;
    left:9px;
    15em;
    border:1px solid black;
    background-color:#ccFFFF;
    padding: 3px;
    color:black;
    }
    </style>
    <a class="tishi" href="#">On Here<span>Hello Word</span></a>
    </html>
  • 相关阅读:
    hdu 1074
    hdu 4091
    hdu 4422
    hdu 3940
    hdu 2831
    hdu 1172
    hdu 3732
    hdu 1250
    hud 2073
    IOS socket基于tcp/udp的通信
  • 原文地址:https://www.cnblogs.com/tonggc1668/p/9024849.html
Copyright © 2011-2022 走看看