Highslide：问题重新缩小图像

Question

首先，我要感谢作者免费提供这么多代码，以及社区帮助像我这样的java-illiterate人。

Anywho，这是我的问题：当我点击缩略图放大它时，它会放大很好。然而，当它被放大时，我可以缩小它的唯一方法是将光标放在非常薄的~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和#content