I want to create a Hyperlink text on top of the image in HTML5 . Please suggest how to do ?
Regars, RAvi
I want to create a Hyperlink text on top of the image in HTML5 . Please suggest how to do ?
Regars, RAvi
you don't need javascript
for this only css
and html
<div id ="all"><a href="http://google.com">Click here to go</a></div>
#all{
background:url('http://jsfiddle.net/img/initializing.png') no-repeat;
width: 200px;
height: 200px;
}
For 4 links as you want
<div id ="all">
<a href="http://google.com">Click here to go1</a><br>
<a href="http://hotmail.com">Click here to go1</a><br>
<a href="http://yahoo.com">Click here to go1</a><br>
<a href="http://google.com">Click here to go1</a><br>
</div>
Use an imagemap. This lets you have as many links as you want, with no CSS needed!
However, imagemaps are buggy on (some) iphones.