Highslide: проблемы с повторным сжатием image

Question

Прежде всего, просто хочу поблагодарить автора за то, что вы сделали этот замечательный код доступным бесплатно, и сообщество, помогающее неграмотным людям, таким как я.

Anywho, вот моя проблема: когда я нажимаю миниатюру, чтобы увеличить ее, она просто отлично. Однако, когда он увеличен, единственный способ уменьшить его - поместить курсор на очень тонкую границу ~ 1px. Я не получаю курсор с увеличительным стеклом, когда над самим изображением. Если вы хотите просмотреть проблему, код находится в режиме реального времени: http://www.coloradocanopyclub.com/photos.html.

* EDIT ДОБАВИТЬ * Этот вопрос, как представляется, влияет на первую фотографию ТОЛЬКО. (tallison.JPG)

Спасибо за помощь!

Answer 1

Универсальный селектор в верхней части файла style.css вызывает эту проблему:
* {margin:0px;padding:0px;top:0px;left: 0}
Это нормально, чтобы установить поля и отступы в 0 для всех элементов, но проблема начинается, когда вы устанавливаете верхние/левое положение для все относительные/абсолютные позиционированные элементы 0.

Возможно, вы заметили кнопку Highslide full-expand. Эта кнопка помещается в оверлей поверх изображения. Стандартное положение для кнопки полного раскрытия - нижний правый угол: 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