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>
  • 相关阅读:
    浏览器对象
    内置对象(Date String Math Array)
    事件
    流程控制语句
    数组
    控制类名(className属性)
    显示和隐藏(display属性)
    改变HTML样式
    通过ID获取元素
    【iOS 入门】网络api
  • 原文地址:https://www.cnblogs.com/shihao/p/1488679.html
Copyright © 2011-2022 走看看