Div не отображается в Firefox

У меня есть диалоговое окно. Когда я вызываю шоу на нем, все в окне показывает, кроме содержимого в заголовке DIV, и это происходит только в firefox. Он отлично выглядит как в IE, так и в хроме. Я ничего не вижу в диалоговом окне каких-либо идей?Div не отображается в Firefox

Также он показывает, когда я наведите курсор мыши на кнопки в диалоговом окне, и когда я проверить диалоговое окно, но если я перезагрузить страницу и нажмите показать еще раз, заголовок больше не существует

CSS:

.formHeader { 
    padding:10px; 
    background-color:#f2f2f2; 
    font-size:14px; 
    font-weight:bold; 
} 
.dialogContainerBlock .formHeader{ 
    background-color:#333; 
    color:#fff; 
    margin-left:-20px; 
    padding-right:30px; 
    margin-top:-40px; 
    position:fixed; 
    z-index:990; 
    width:inherit; 
}

HTML:

<div class="dialogContainerBlock" style="width:100px; background:black;"> 
    <div class="formHeader">Hi I work</div> 
</div>

источник

2012-02-14 Adim

Просьба привести пример вашей проблемы, но лучше [jsfiddle] (http://jsfiddle.net). – Zeta

http://jsfiddle.net/AGE2F/ – Adim

@Zeta Я добавил код из скрипки в основную часть вопроса. – artlung

position:fixed относится к телу документа, используя отрицательные поля, которые вы скрываете div вне границ тела.

источник

2012-02-14 00:33:47

, когда я переключил его на абсолютное значение, указанное на странице в 100% случаев – Adim

@Adim, как и должно быть, 'position: absolute' относительно контейнера вашего div, когда он указан как таковой, используя' position: relative'. –

margin-top Отрицательные кажется наиболее уместная стиль причины этого. Следите за отрицательными полями для скрытия вещей, потому что, когда вы хотите их показать, вам нужно будет их отменить. Вы можете создать класс типа «закрыто», а затем , чтобы содержал отрицательные поля, а затем удалите этот класс, когда хотите показать div.

источник

2012-02-14 00:31:41 artlung

Div не отображается в Firefox

ответ

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