zoukankan      html  css  js  c++  java
  • 纯CSS Tooltips..


          什么是Tootips? 这就是Tooltips如你所见,这些附加的说明文字在鼠标经过的时候显示。
          当然,支持HTML.如:
          .
    <html>

          <head>

          </head>

          <style type="text/css">


            /*Tooltips*/
            .tooltips{
            position:relative; /*这个是关键*/
            z-index:2;
            }
            .tooltips:hover{
            z-index:3;
            background:none; /*没有这个在IE中不可用*/
            }
            .tooltips span{
            display: none;
            }
            .tooltips:hover span{ /*span 标签仅在 :hover 状态时显示*/
            display:block;
            position:absolute;
            top:9px;
            left:9px;
            15em;
            border:1px solid black;
            background-color:#ccFFFF;
            padding: 3px;
            color:black;
            }


          </style>

          <body >
            <a class="tooltips" href="#tooltips">
              这就是Tooltips<span>如你所见,这些附加的说明文字在鼠标经过的时候显示。</span>
            </a>

          </body>
        </html>
  • 相关阅读:
    python-configparser模块,xml.etree模块
    Ubuntu16.04环境下Vim 配置 for HTML,CSS,JAVASCRIPT(1)
    Windows 命令行及Git操作
    Ubuntu16.04 无任务栏问题
    ubuntu16.04安装中文输入法
    本地Web服务器搭建
    爬虫(1)
    Python(四):数字连珠2
    python学习(四)五数连珠
    Openjudge 百练第4109题
  • 原文地址:https://www.cnblogs.com/shihao/p/1488679.html
Copyright © 2011-2022 走看看