Wednesday, January 11, 2012

How to make background images clickable (javascript or css)


Please take a look this fiddle



How to make the background image clickable? When click "Take the survey" will go to a new page.




<div style="height:300px;width:300px;border-style:solid;border-width:5px;background-image:url('http://cdn.survey.io/embed/1.0/right_top_blue.png'); background-repeat:no-repeat;background-position:right top;">

By default, the background-image property repeats an image both horizontally and vertically.

</div>



Javascript or CSS are all preferred.



Edit: I don't want to use image float to right corner.

No comments:

Post a Comment