纯CSS工具提示
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了纯CSS工具提示相关的知识,希望对你有一定的参考价值。
<style type="text/css"> /* general */ body { margin:0; padding:40px 80px; background:#fff; font:70% Arial, Helvetica, sans-serif; color:#555; line-height:180%; } h1, h2{ font-size:180%; font-weight:normal; color:#555; } h2{ font-size:140%; } p{ margin:1em 0; width:500px; } a{ color:#f20; text-decoration:none; } a:hover{ color:#999; } /* // here comes the goodnes */ a{ z-index:10; } a:hover{ position:relative; z-index:100; } a span{ display:none; } a:hover span{ display:block; position:absolute; float:left; white-space:nowrap; top:-2.2em; left:.5em; background:#fffcd1; border:1px solid #444; color:#444; padding:1px 5px; z-index:10; } /* // goodnes */ /* // general */ </style>
以上是关于纯CSS工具提示的主要内容,如果未能解决你的问题,请参考以下文章