HTML and CSS Reference
In-Depth Information
Figure 14.39
A drop-down menu controlled by mouse actions.
Tooltips.
The following example uses the visibility property to hide the text in the
tooltip until the user rolls the mouse over the image.
EXAMPLE
14.35
<html>
<head><title>A tool tip</title>
<style type="text/css">
body { background-color:black;}
1
#divclass
{ font-size:12pt;
font-family: arial;
font-weight: bold;
background-color:aqua;
border:thin solid;
width: 210px;
height:40px;
2
visibility: hidden;
/*
Can't see the container
*/
position:absolute;
top: 50px;
left: 175px;
3
z-index: 1;
/*
Put the div container on top
*/
}
