Image overlay

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
vchris
Forum Contributor
Posts: 204
Joined: Tue Aug 30, 2005 7:53 pm
Location: Canada, Quebec

Image overlay

Post 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.
User avatar
VladSun
DevNet Master
Posts: 4313
Joined: Wed Jun 27, 2007 9:44 am
Location: Sofia, Bulgaria

Post by VladSun »

Try to use absolute positioning and "display" property together with javascript.
There are 10 types of people in this world, those who understand binary and those who don't
Post Reply