Creating several hover-buttons on top of an image.

Discussion in 'CSS' started by Multiplexor, May 22, 2009.

  1. #1
    Hello,

    I have an image gallery and I want the user to be able to access several options for these images by hovering with the mouse over an image and clicking on buttons that appear when you do that.

    Having one button is not a challenge: you create a DIV with a transparent GIF-image on top of the actual image and move its background to display the button when the mouse is hovering, while being permanently linked.

    But how to create more then one button?
    I want people to fully access this function with JavaScript disabled. Everything should be implemented as pure CSS.

    Mux
     
    Multiplexor, May 22, 2009 IP