Thu, 2010-02-25 00:45
I have recently built and uploaded online my first website for a client. I have one slight problem, when you hover over the bottom three buttons on the index page, the images disappear momentarily until hovered over again. This also happens on the gallery page. I have no clue as to why it is doing this. I have declared a background image for a then a different one for the a:hover.
The website is: www.shadesofjade.co.nz
If someone could please help it would be appreciated. Any other feedback is most welcome.
Thu, 2010-02-25 03:36
#1
Try making them one image and
Try making them one image and just change the background position instead of loading another image.
So, OFF image on top and ON image on bottom and then
a { background-position: left top; } a:hover { background-position: left bottom; }
Thu, 2010-02-25 04:46
#2
Works a treat
Thank you. Is this technique called splicing? It has solved my problem and taught me another trick. Thanks very much.
Thu, 2010-02-25 04:51
#3
It's a simple version of CSS
It's a simple version of CSS Sprites - http://www.alistapart.com/articles/sprites