Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highslide:重新缩小图像的问题_Javascript_Highslide - Fatal编程技术网

Javascript Highslide:重新缩小图像的问题

Javascript Highslide:重新缩小图像的问题,javascript,highslide,Javascript,Highslide,首先,我要感谢作者免费提供了这段伟大的代码,感谢社区帮助我这样的java文盲 不管是谁,这是我的问题:当我点击缩略图放大它时,它放大得很好。但是,当它被放大时,我能缩小它的唯一方法是将光标放在非常薄的~1px边框上。我没有得到放大镜收缩光标时,图像本身。如果您希望查看问题,代码位于live *编辑以添加*此问题似乎只影响第一张照片。(tallison.JPG) 谢谢你的帮助 style.css文件顶部的通用选择器会导致此问题: *{margin:0px;padding:0px;top:0px;l

首先,我要感谢作者免费提供了这段伟大的代码,感谢社区帮助我这样的java文盲

不管是谁,这是我的问题:当我点击缩略图放大它时,它放大得很好。但是,当它被放大时,我能缩小它的唯一方法是将光标放在非常薄的~1px边框上。我没有得到放大镜收缩光标时,图像本身。如果您希望查看问题,代码位于live

*编辑以添加*此问题似乎只影响第一张照片。(tallison.JPG)


谢谢你的帮助

style.css文件顶部的通用选择器会导致此问题:
*{margin:0px;padding:0px;top:0px;left:0}

将所有元素的边距和填充设置为0是可以的,但是当您将所有相对/绝对位置的元素的上/左位置设置为0时,问题就开始了

您可能已经注意到Highslide full expand按钮。此按钮放置在图像顶部的覆盖中。“完全展开”按钮的标准位置是右下角:您的通用选择器将其移动到左上角:当使用CSS像这样移动按钮时,它将导致覆盖整个图像的覆盖-此屏幕截图中的红色:-这使得无法关闭图像

您需要将通用选择器更改为:
*{margin:0px;padding:0px;}


并添加
top:0px;左:0px仅适用于您需要的选择器,这些选择器(据我所知)
#navlist li一个span
#content

工作起来很有魅力!谢谢你不仅帮助我修复它,而且像那样深入地解释它。这是一个很好的知识点,可供将来参考。干杯