Image overlay
Moderator: General Moderators
Image overlay
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.