JQuery Galleriffic幻灯片的CSS垂直空间问题

Question

幻灯片的主要照片在IE7和IE8以及Firefox之间的左边距显示不同。

在IE中，幻灯片图像有几个像素的额外垂直空间，不会显示为控制区（蓝色区域/播放幻灯片）。

然而，SlideShow Div和Controls Div对于Firefox中的左边距显示正确。

以下是我的IE8浏览器中图像的显示方式：

我无法确定为什么会有额外的垂直空间。

以下是开发网站：http://www.davincispainting.com/InteriorGallery.aspx

CSS的名称是：galleriffic-2.css。

Answer 1

你可以简单地添加IE的css hack，具体针对IE6 / 7/8，例如：

margin: 5px 0 0 55px\9; // it's for IE8
*margin: 5px 0 0 55px; // it's for IE7
_margin: 5px 0 0 55px; // it's for IE6

但实际上你最严重的问题是幻灯片甚至不能在IE9上运行，你应该尝试修复它或切换到其他插件。

干杯

Answer 2

<div id="slideshow" class="slideshow">
  <span style="opacity: 1;" class="image-wrapper current">
    <a class="advance-link" rel="history" href="#bigleaf" title="Title #2">
&nbsp;
      <img src="images/Portfolio/Interior/Normal/InteriorPic2a.jpg" alt="Title #2">
     </a>
  </span>
</div>

 导致IE中的垂直间隙，它导致其他人的水平间隙：o如果你想要一个水平间隙，最好将其删除并在图像上使用边距