The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other Image rollover using transparent .pngs Re: Image rollover using transparent .pngs


I had to do this:


figure {
float: left;
margin: 0px;
background-color: #000;
padding: 0;
figure img:hover {
opacity: .35;


but, the black shapes are still loaded first because, I presume, the #000 color isn’t specified as a hover attribute?

What am I missing?

I had to delete the width as it’s different for every image. I also changed the margin to 0 and didn’t include the:

figure img {


part as I can’t see what it would do…

Please tell me what I’m doing wrong?