首先,我要感谢作者免费提供这么多代码,以及社区帮助像我这样的java-illiterate人。
Anywho,这是我的问题:当我点击缩略图放大它时,它会放大很好。然而,当它被放大时,我可以缩小它的唯一方法是将光标放在非常薄的~1px边框上。在图像本身上方时,我没有得到放大镜缩小光标。如果您希望查看此问题,则代码将显示在http://www.coloradocanopyclub.com/photos.html。
* 编辑添加 * 此问题似乎仅影响第一张照片。 (tallison.JPG)
感谢您的帮助!
答案 0 :(得分: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