Встроенный стиль CSS «видимость» установлен на «видимый», но вычисленный стиль «скрытый».Зачем?

Question

Я явно указал элемент как «видимость: видимый», но он не отображается в Chrome. Используя Chrome Developer Tools, я вижу заданный встроенный стиль, но «Computed Style» показывает «visibility: hidden».

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

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

Я выполнил следующую команду JavaScript напрямую, через консоль инструментов разработчика, но безрезультатно (вычисленная видимость осталась «скрытой»):

document.getElementById("c_311").style.visibility="visible"

Смотрите скриншот здесь: http://oi52.tinypic.com/ezrdcy.jpg

Answer 1

Я знаю, что это поздно, но у меня возникла та же проблема в последнее время с Chrome 23. Кажется, секрет в том, чтобы также установить свойство display, например:

domElem.style.visibility = 'visible';
domElem.style.display = 'block';//this is needed mainly for Chrome

и, чтобы скрыть:

domElem.style.visibility = 'hidden';
domElem.style.display = 'none';//this is needed mainly for Chrome

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

Answer 2

Какую версию Chrome вы используете?В версии 11 есть некоторые ошибки.