ie6 оверлейная позиция: фиксированная прокрутка - PullRequest
Новая
       12

ie6 оверлейная позиция: фиксированная прокрутка

1 голос
/ 26 июля 2011

У меня есть простой слой div, который отображается только при срабатывании определенной логики.

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

К сожалению, в IE6 - наложение появляется - но если я прокручиваю страницу вниз, наложение не покрывает всю страницу.http://i53.tinypic.com/30wl2ye.jpg

Вот мой css: 

.overlay {

    width:100%;
    height:100%;
    background-color: #333333;
    opacity: 0.25;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    display:none;
    z-index:1000;
    *background:transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F333333,endColorstr=#3F333333)"; /* IE8 */    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F333333,endColorstr=#3F333333);   /* IE6 & 7 */
zoom:1;
}

.paymentPopup {
    background-color: white;
    border: 3px solid #6D8D4C;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
    z-index: 99999!important;
    width:380px;
    display:none;
    float:left;
    position:fixed;
    *position: absolute;
    left: 33%;
    top:50%;

}

1 Ответ

1 голос
/ 26 июля 2011

Извините, IE6 не поддерживает position:fixed;

Для этого есть несколько хаков (см., Например, http://ryanfait.com/resources/fixed-positioning-in-internet-explorer/), но суть в том, что вы пытаетесь сделать что-то в браузерене поддерживает.

...