Page 1 of 1

Image overlay

Posted: Thu Sep 06, 2007 10:04 am
by vchris
I have a navigation made of 4 buttons. When hovering them the only difference is a small arrow that appears. Currently I have a script that swaps the button completely. I'm developing 2 other templates and I was thinking if I was going to preload the 3 styles when only viewing one, that's kinda poor on the bandwidth. So is there a way with css to add this arrow over top the image? I tried putting background: url('images/arrow.jpg') no-repeat; on the image itself but I guess it just appears behind the image. I also want the button to be clickable (not a background). Let me know the best way to do this.

Posted: Thu Sep 06, 2007 12:05 pm
by VladSun
Try to use absolute positioning and "display" property together with javascript.