CSS Forum

**bigkivon** · 12-09-2009, 01:43 PM

When I do an hover on an image it disappears for 1 secondes and then appears back.

heres the source code

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="main.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<a id="bouton" href="http://www.google.ca" title="Google"></a>

</body>
</html>

html

CSS

@charset "utf-8";
/* CSS Document */

#bouton

{
position:absolute;
width:89px;
height:65px;
background:url(images/accueilnormal.gif);
}

#bouton:hover

{
background:url(images/accueilhover.gif);

}

CSS

and hres the website if u want to check it what it does in real time

http://www.naldart.comze.com/

Thanks

**whatsherface_21** · 12-09-2009, 02:13 PM

It's not disappearing - just delayed while loading.

**chrishirst** · 12-09-2009, 02:14 PM

Yep, perfectly normal occurence.

**JohnnyLaw** · 12-16-2009, 01:57 AM

The images are loading. try making the images smaller in weight.

**Onthewayup** · 12-20-2009, 12:27 AM

I had the same problem. Good to know it's nothing serious.

**GeekSpecialties** · 12-23-2009, 02:50 AM

You can prevent this by combing your 2 images into a single image. Then just move the image in css on the hover.

This will add some weight to the initial load, but usually insignificant.