CSS 3 PIE: не работает внутри абсолютно позиционированного (всплывающего) элемента?Сдвиги при наведении курсора? - PullRequest
Новая
       14

CSS 3 PIE: не работает внутри абсолютно позиционированного (всплывающего) элемента?Сдвиги при наведении курсора?

0 голосов
/ 27 августа 2010

Я использую CSS 3 PIE include, чтобы в IE всплывающие окна были округлены. Однако в IE всплывающее окно не округляется при загрузке страницы, но при наведении на него курсора оно перемещается в верхний левый угол контейнера, который расположен абсолютно, и ТАМ у него закругленные границы.

Вот HTML: 

    <div class="popupWrapper" id="editMsgWrapper">
        <div class="popupDiv" id="editMsgContainer">

А вот соответствующий CSS: 

.popupWrapper {
    display:none;
    left:0;
    margin:0 auto;
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    z-index:601;
}

.popupDiv {
    text-align: left;
    position: relative;
    top: 100px;
    margin: 0 auto;
    width: 500px;
    border: none; /*1px solid #FFF;*/
    font-size: 12px;
    background: #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    behavior: url(PIE.php);
    position: relative;
}

Есть идеи, почему popupDiv смещается к абсолютному div при наведении мыши?

Спасибо!

1 Ответ

0 голосов
/ 27 августа 2010

Я бросил его в другой контейнер div, и это сработало как-то!

...