Центрирование лайтбокса - основной - PullRequest
1 голос
/ 26 марта 2012

Я сделал крошечный лайтбокс в jquery и css, как плагин для всплывающих окон с изображениями на Facebook, но у меня есть одна проблема, из-за которой я не могу вывести его в центр.Честно говоря, я не очень хорош в css.

Так вот в чем проблема, это страница обновлений, например, где вы видите обновления статуса от ваших приятелей и прочее.Как пользователь прокручивает вниз и нажимает на изображение.Лайтбокс продолжает падать из-за некоторого свойства в CSS.Я пытался около 2 дней, не могу понять это.Мне нравится, как в фейсбуке, где бы вы ни находились на странице, она появляется прямо посередине.Я тоже хочу это сделать.

Если вы не понимаете, о чем я, вот скрипка http://jsfiddle.net/Dwt7k/4/

Попробуйте нажать на изображение во втором посте (если вы не видите изображение, вы можете увидеть прямоугольник вроде серебряного прямоугольника над оранжевым хромым / холодным счетчиком - вот и все)

И посмотрите, как это хуже ... Вот в чем проблема у меня

1 Ответ

1 голос
/ 26 марта 2012

Для центрирования вашего лайтбокса вам нужно использовать div обертки лайтбокса, который имеет ширину 100% и расположен абсолютно, чтобы вывести его из потока документов. Поместите лайтбокс внутри, чтобы вы могли центрировать этот div внутри оболочки.

Также поместите HTML сразу после тега <body>, чтобы он не мешал остальной части кода.

Вы можете увидеть это здесь:

http://jsfiddle.net/Kyle_Sevenoaks/6jFyk/1/

Надеюсь, это поможет:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...