Associate
- Joined
- 22 Aug 2010
- Posts
- 2,212
- Location
- In My Command Center
ok on my website i have four main images that link to other pages on the site.
when the user hovers the mouse over the pic a small semi transparent image should appear at the bottom of the image to explain where it will take them.
it works in every browser but IE 7 and i cannot find the problem, im hoping one of you might have an idea.
my site ammserv
the css used
a.info {
position:relative;
z-index:24;
color:#000;
text-decoration:none;
}
a.info:hover {
z-index:25;
}
a.info span {
display:none;
}
a.info:hover span {
opacity:0.5;
display:block;
position:absolute;
width:298px;
text-transform:uppercase;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #000;
background-color:#333333;
color:#fff;
text-align:center;
margin-top:180px;
}
many thanks
when the user hovers the mouse over the pic a small semi transparent image should appear at the bottom of the image to explain where it will take them.
it works in every browser but IE 7 and i cannot find the problem, im hoping one of you might have an idea.
my site ammserv
the css used
a.info {
position:relative;
z-index:24;
color:#000;
text-decoration:none;
}
a.info:hover {
z-index:25;
}
a.info span {
display:none;
}
a.info:hover span {
opacity:0.5;
display:block;
position:absolute;
width:298px;
text-transform:uppercase;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #000;
background-color:#333333;
color:#fff;
text-align:center;
margin-top:180px;
}
many thanks
