Mar 6, 2008

pure css tool tip

Custom tootip can be achieved by using css, but it require firefox and ie7 up to support. Below is demo
            

Google A search engine Here

            a.tooltip {
            position: relative;
            }
            a.tooltip span {
            display: none;
            }

            a.tooltip:hover span {
            display:block;
            position:absolute;
            top:1em;
            left:2em;
            padding: 0.2em 0.6em;
            border:1px solid #996633;
            background-color:#FFFF66;
            color:#000;
            }