在a外面的位置只包含一些图像

Question

我有点奇怪的问题。在我管理的一个救援猫网站上，我们有一张猫的大图像，它包裹在一个放大照片的链接中。

由于此链接，人们在保存此图片时遇到问题。所以我想知道是否有一个CSS（我无法控制HTML）的方式将链接定位为像一个底角，只是风格它说'放大我＆＃39;或者那种效果。

我试图以我能想到的方式定位并设置高度和宽度，但我似乎没有做任何事情可以使它变小并且不会影响图像。

＆＃13;

＆＃13;

a{
position:relitive;
width:1em;
height:1em;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p style="text-align:center;"><a href="https://s3.amazonaws.com/filestore.rescuegroups.org/1495/pictures/animals/11927/11927330/49687877_500x576.jpg" rel="prettyPhoto[pp_gal]"><img id="animalMainImage" src="https://s3.amazonaws.com/filestore.rescuegroups.org/1495/pictures/animals/11927/11927330/49687877_500x576.jpg" title="Ambrosia"></a><br><a href="#animalOtherPictures" id="startPrettyPhoto" title="See more pics of Ambrosia">More Pics...</a></p>

＆＃13;

＆＃13;

＆＃13;