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>
  • 相关阅读:
    20180818
    20200817
    [mac操作]程序运行技巧与注意事项
    [py编程]小白新奇的技巧
    [命令]使用的conda命令大全
    【编程】python文件读写
    latex学习
    [记录]菜鸡划水记录
    【pytorch】pytorch入门学习
    pycharm中出现unresolved reference的解决办法
  • 原文地址:https://www.cnblogs.com/shihao/p/1488679.html
Copyright © 2011-2022 走看看