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 think I’ve resolved this by using:

img:hover {
opacity: .35;

and using a background colour:

background-color: #000;

for each div. The only probably is the background colour loads faster than the images. So, in some browsers, the page loads with black rectangles and squares first. Any other suggestions? And is it possible to make the images load faster or all at the same time? Or should I just resize all of the images to reduce their kB size?

Let me know what you think: