CSS hover: sepcifying color without background?

#1 July 20th, 2005, 04:20 PM

Hi there,

I have an HTML page with one large background image in the left corner.
I've got various links positioned randomly on the image, and I use <span>
tags to display text on another section of the page when hovering over the
links. Here's an example of the code:

<head>
<title>My Title</title>
<style type="text/css">

</style>
</head>

<body >
<div align="left">
<p><img src="image.jpg" width="600" height="400">
</div>
<a id="link1" href="URL"> My Link <span> The text that goes with My Link
</span></a>
</body>

My problem is that I don't want the link itself to have a background color
specified on the hover (This line: "a#link1:hover {color: #411; background:
FFFFFF}"). The background image is multi-colored, so it looks strange. But
without it...the text in the <span> tags will not appear. Does anyone have
any suggestions?

Thanks in advance,

Shannon

#2 July 20th, 2005, 04:20 PM

In post <81DUa.21981$jL2.1551654@ursa-nb00s0.nbnet.nb.ca>
Shannon said...
[color=blue]
> My problem is that I don't want the link itself to have a background color[/color]

background-color:transparent;

--
brucie a. blackford. 27/July/2003 08:17:44 am kilo.
http://loser.brucies.com/

What is Bytes?

Popular Articles