I've created an SVG map (code below), and it seems to work everywhere except Safari 5 and Safari for iOS 6, where the image fails to appear at all, as do the mapped links.
Full disclosure: I'm in over my head here, and I just lifted this code from http://ift.tt/1AdbaGf, and adopted it to fit my needs — which it does quite nicely everywhere but older version of Safari.
But according to http://ift.tt/MA0DKW, SVG 1.1 should be supported by Safari 5.1 and Safari iOS 6.
(As it turns out, there's also a problem in IE 11, with the image appearing half size.)
I'm stumped.
Here's the code.
Suggestions?
<svg version="1.1" xmlns="http://ift.tt/nvqhV5" xmlns:xlink="http://ift.tt/PGV9lw" viewBox="0 0 1150 245" >
<image width="1150" height="245" xlink:href="IMAGE LOCATION">
</image>
<a xlink:href="URL">
<rect x="265" y="1" fill="#fff" opacity="0" width="275" height="50" />
</a>
<a xlink:href="URL">
<rect x="600" y="1" fill="#fff" opacity="0" width="300" height="50" />
</a>
<a xlink:href="URL" target="_blank">
<rect x="250" y="210" fill="#fff" opacity="0" width="660" height="35" />
</a>
</svg>
Aucun commentaire:
Enregistrer un commentaire