我在图像中放了一个放大镜图标,其中包含我在此站点上找到的代码。代码完美运行,问题是现在我不能再将图像对齐到中心和右侧,因为父元素需要浮动:左,我该如何解决这个问题?
<a href="#" class="gallerypic">
<img src="[url]" width="32" height="32" class="ALIGNRIGHT/ALIGNCENTER">
<span class="zoom-icon"></span>
</a>
a.gallerypic{
text-decoration:none;
position:relative;
display:block;
border:1px solid #666;
float:left;
}
a.gallerypic span.zoom-icon{
visibility:hidden;
position:absolute;
left:40%;
top:35%;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
a.gallerypic:hover span.zoom-icon{
visibility:visible;
}