How to add image map in css?

I have a question regarding image map. Now I have a image on my .xhtml page which uses image map somewhat like this

<img src="images/friends.png" usemap="#guys" />
<map name="guys">
            <area shape="rect" coords="6,1,12,14" alt="Jason"
                href="http://www.jason.com" />
            <area shape="rect" coords="19,2,38,15" alt="jay"
                href="http://www.jay.com开发者_运维问答" />
        </map>

is there a way I can add the map name contents in css? is it possible?

Thanks

ImageMaps are a holdover from a bygone era. Html 5 canvas stuff is the way to go if you can push that envelope. If you can't, what we have done in the past is layered absolutely positioned, block-displayed blank anchor tags over an image. Works as well or better than an image map, especially if you are using it for stuff like popups on a map.