1 reply [Last post]
csisia
Offline
newbie
NE Ohio
Last seen: 12 years 46 weeks ago
NE Ohio
Joined: 2008-04-11
Posts: 2
Points: 0

I'm trying to do a simple image "swap" using css (visibility:hidden to reveal a background image). Works fine in FF and Opera, and works most of the time in IE7. On this page: daffydan.com/?pg_id=1 - the "shirt links" on the left side work in IE7, but not the spash logo in the lower right corner. I've been going over and over this, and I can't seem to figure where it's going wrong. If I take the exact code that I'm using here and paste into a blank page, it works just fine in IE6 and 7, so I'm assuming that it is inheriting something from one of its parent DIVs, but I'm not smart enough to figure out what might be "breaking" it.

Here's the CSS and HTML- is there something inherently wrong with this methodology? :

div.ddhover {
height: 121px;
width: 247px;
margin:0px;
padding:0;
background-image:url("/images/ddsplash_roll.gif");
background-repeat:no-repeat;
}

div.ddhover a, div.ddhover a:link, div.ddhover a:visited {
display:block;
}

div.ddhover img {
width:100%;
height:100%;
border:0px;
margin:0px;
}

div.ddhover a:hover img {
visibility:hidden;
}



DD Home Page

csisia
Offline
newbie
NE Ohio
Last seen: 12 years 46 weeks ago
NE Ohio
Joined: 2008-04-11
Posts: 2
Points: 0

Nevermind... I got it.

OK, figured this one out on my own. I had left out a quotation mark elsewhere on my stylesheet, so IE wasn't reading the entire second half. Kind of weird that FF and Opera didn't have any trouble...