overlay eine div über eine andere mit css

Ich habe ein wrapper-div, das einige css-Eigenschaft festgelegt. auf einen Klick ich habe zu zeigen, eine zu mit eine Nachricht.

<div class="dvLanding">
 <div class="popupArea">
            <span class="VoteOnce">You can only vote once.</span> <a style="vertical-align: top">
                <img alt="close" src="../../Images/error1-exit-button.png" /></a></div></div>
    </div>

meine css-Klassen.

.dvVoteWrapper
{
    background-color: #949494;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    display:none;
    width: 1024px;
    height: 768px;
    position: absolute;
}

.popupArea
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.dvLanding
{
    background-image: url(/Images/screen1-bg-logos.jpg);
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}
   .VoteOnce
{
    font-family: Calibri regular;
    font-size: 24pt;
    background-image: url(/Images/error1-vote-once-bg.png);
    background-repeat: no-repeat;
    width:288px;
    height:74px;
    color: #000000;
}

ich bin das entfernen die display:none - Attribut mit jquery. Bei der Anwendung dieser Klassen ist es nicht für die komplette Seite und suchen verzerrt. freundlich darauf hin, wie dies zu tun. für ein besseres Verständnisoverlay eine div über eine andere mit css ich anbei die screenshots

versuchen Sie, die hand auf dem z-index und "Deckkraft" zusammen..
was ich will ist, legen Sie das overlay über den gesamten Bildschirm und das gelbe Bild auf der Oberseite des Overlays mit der Kreuz-Taste auf der oberen rechten Seite des gelben Bildschirm.
mögliche Duplikate von Wie overlay ein div über anderen div

InformationsquelleAutor ankur | 2013-02-12

Schreibe einen Kommentar