Hi to everyone who reads this!
I'm at a bit of a snag in my progress toward getting this code to work in my css. The effect I'm trying to use is somewhat of a pop-up image that shows when hovering over the link. Basically, it's one image which is mostly covered up by
and when hovering over it with the mouse the entire image is show using
. The CSS I'm using is as show below.
Please advise.
I'm at a bit of a snag in my progress toward getting this code to work in my css. The effect I'm trying to use is somewhat of a pop-up image that shows when hovering over the link. Basically, it's one image which is mostly covered up by
Code:
overflow: hidden;
Code:
overflow: visible;
Code:
div.notes p {
font-size: 8pt;
margin: 5px;
}
div.notes span {
color: yellow;
}
div.notes a {
width: 20px;
height: 20px;
overflow: hidden;
background-color: blue;
color: white;
z-index: 1;
}
div.notes a:hover {
width: 150px;
height: 170px;
overflow: visible;
z-index: 2;
}