高幻灯片：问题导致图像重新缩小

Question

首先，只想感谢作者免费提供了很多这段代码，并感谢社区帮助像我这样的不识字的人们。

任何人，这是我的问题：单击缩略图将其放大时，它就可以正常放大。 但是，当它放大时，我唯一可以缩小它的方法是将光标放在非常细的〜1px边框上。 在图像本身上方时，我没有看到放大镜收缩光标。 如果您想查看问题，该代码位于http://www.coloradocanopyclub.com/photos.html 。

* 编辑添加 *此问题似乎仅影响第一张照片。 （tallison.JPG）

谢谢你的帮助！

Answer 1

style.css文件顶部的通用选择器会导致此问题：
* {margin:0px;padding:0px;top:0px;left: 0}
可以将所有元素的边距和填充设置为0是可以的，但是当您将所有相对/绝对位置的元素的顶部/左侧位置设置为0时，问题就开始了。

您可能已经注意到了Highslide全展开按钮。 此按钮位于图像顶部的覆盖层中。 全展开按钮的标准位置在右下角： http : //screencast.com/t/WPP4iwwCI9dq您的通用选择器将其移至左上角： http : //screencast.com/t/maXl9rzveH像使用CSS一样，它将导致覆盖整个图像的覆盖层–在此屏幕截图中显示为红色： http ： //screencast.com/t/6pdDnxaMRQ-无法关闭图像。

您需要将通用选择器更改为此：
* {margin:0px;padding:0px;}
并添加top:0px;left:0px; 仅针对您需要的选择器，（据我#navlist li a span ） #navlist li a span和#content