You can use :Hover on anything – doesn't have to be a link

E.g.


.my_style_name:Hover {
	color: #000000;
}

 

Tool Tip Style Hover Text

You can use the title attribute to add pop up text to most things:


<span title="Text that will show on hover">Text on page</span>
Using CSS instead when you want to control the style

<span class="droptext" >Text on page
  <span style="width:500px;">Text that will show on hover</span>
</span>

span.droptext {border-bottom: thin dotted; background: #ffeedd;}
span.droptext:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.droptext span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.droptext:hover span {left: 2%; background: #ffffff;} 
span.droptext span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.droptext:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 

 

Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.

Comments

Your email address will not be published.