2013-03-24 2 views
0

Прошу прощения, если этот вопрос сформулирован плохо, но я только недавно начал работать с CSS и Javascript, и поэтому я немного потерян в некоторых местах!Почему Lightbox расширяет мою страницу?

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

Я считаю, что он имеет отношение к унаследованным стилям (и моему собственному не очень хорошему CSS), и я попытался проверить элемент, но не могу найти, где он влияет на CSS. Я также попытался переместить ссылки лайтбоксов вне того, где мой CSS должен повлиять на него, но это все равно.

Если бы кто-нибудь мог объяснить мне, почему это происходит, и как избежать в будущем, я был бы очень обязан!

ответ

1

В вашем стиле.css удалите часть div {...}, так как она затрагивает все div s и объявляет конкретные стили CSS. В CSS вы должны, как правило, сделать стили CSS максимально конкретными.

+0

Ahhh, хорошо, я буду помнить об этом! Но в этом случае для этой страницы я использую div только один раз; это повлияло бы на это так много? Должен ли я разрезать свои кубики на куски? –

+0

Большинство материалов в Интернете построено из divs, они являются «стандартными блоками», а лайтбокс тоже сделан из них – aNewStart847

+0

Но это решило проблему? – aNewStart847

Смежные вопросы