Div не отображается в Firefox - PullRequest
Новая
       3

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

1 голос
/ 14 февраля 2012

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

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

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>

Ответы [ 2 ]

1 голос
/ 14 февраля 2012

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

1 голос
/ 14 февраля 2012

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

...