Стилизованные флажки внутри оверлея - проверено всегда = ложь

Question

Я использую плагин jQuery для стилизации HTML-флажков / переключателей. Проблема заключается в том, что когда эти флажки появляются внутри оверлея лайтбокса, их проверяемое свойство никогда не может быть установлено в «истина». Они визуально выглядят проверенными, но на самом деле это не так, и это не работает в среде .NET.

Я пробовал другие плагины и пытался копаться в коде этого конкретного плагина (prettycheckboxes). Кажется, есть некоторая проблема с позиционированием элемента input абсолютно со страницы (слева: -9999px), потому что когда я удаляю это из CSS и вместо этого использую видимость: скрытый, флажки снова работают.

Однако, помимо флажков, которые появляются внутри моего лайтбокса, у меня также есть элемент типа гармошка внутри лайтбокса, который также содержит флажки. Они НЕ работают независимо от того, что я делаю с CSS.

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

Кто-нибудь еще сталкивался с этой проблемой?

Answer 1

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

input.hiddenCheckbox{position:absolute;left:-10000px;}

.hiddenCheckbox - это класс, который применяется к флажкам с помощью плагина prettyCheckboxes. Это работало хорошо для флажков, которые не были внутри лайтбокса. Но когда внутри лайтбокса их проверенное свойство не проверяется. Я изменил это на это:

input.hiddenCheckbox{visibility: hidden;}

это исправило проблему в FF и Chrome, но не в IE7 / 8

Для IE7 / 8 я должен был сделать это:

input.hiddenCheckbox{height: 0;visibility: visible;}

Опять же, я не уверен, почему это работает, но работает. Я не совсем доволен этим, хотя. Кто-нибудь есть идеи, почему это будет работать?