Laden-Maske deaktiviert zugrunde liegenden html-Elemente

Ich will loader Maske für jede Seite. Ich brauche, um die Elemente unter der Maske nicht zur Verfügung standen. Aber jetzt kann ich klicken Sie auf die Tasten. Sie können sehen, alle auf dem Bild.

hier ist css mask:

div#mask {
    z-index:9999;
    display: none;
    width:100%;
    background-color: rgba(0,0,0,0.15);
}

es ist div mit 100% Breite und Höhe des Fensters. Wie zu beheben ui-block?

Laden-Maske deaktiviert zugrunde liegenden html-Elemente

  • Welches plugin (library) ist durch die Art und Weise? Ich würde mich freuen, wenn jemand diese Frage beantwortet. Danke
InformationsquelleAutor nkuhta | 2012-07-07
  1. 3

    Haben Sie noch nicht dieses:

    position: absolute;
    InformationsquelleAutor Praveen Kumar Purushothaman
  2. 2

    Können, müssen Sie es mit position absolute und legen Sie die Höhe als auch. Damit dies gut funktioniert:

    <style>

div.mask {
    position:           absolute;
    z-index:            1;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    background-color:   rgba(0,0,0,0.15);
}

</style>

<a href="">Can't be clicked</a>

<div id="mask" class="mask"></div>
    InformationsquelleAutor insertusernamehere
  3. 1

    Blick auf die pointer-events: none; CSS-Regel

    https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

    InformationsquelleAutor Max
  4. -1
    div.mask
{
    position:           fixed;
    z-index:            1;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    background-color:   rgba(0,0,0,0.15);
}

    Statt absolute, können Sie festen

    InformationsquelleAutor Binoj T E
Schreibe einen Kommentar