warum css opacity-Effekt funktioniert nicht in chrome?

.overlayupload {
  background-color: black;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  opacity: 0.4; /* also -moz-opacity, etc. */
  -webkit-opacity: 0.4;
  z-index: 10;
}

Oben ist das css, verwende overlay ein transperent div, während Sie einige Verarbeitung und machen den Bildschirm zu deaktivieren..aber das funktioniert nur in mozila..will ich machen, es funktioniert in chrome zu..so kann einer bitte sagen Sie mir, wie kann ich das tun?

Folgenden ist die div..

<div class="overlayupload" id="uploadprogress"
                        style="display: none"></div>
warum ur die Verwendung display:none ? ich denke, es sollte display:block und hier ist das jsfiddle jsfiddle.net/xmbLN
die css ist perfekt, Sie müssen, um Anzeige-> block/none mit javascript/jquery, wenn u benötigen die transparente Schicht.
ja..ich weiß..und bin dabei..aber zeigt seine in mozila nur..aber das funktioniert nicht in chrome..mache es sichtbar mit dem $("#uploadprogress").css("display", "block");
Die Frage könnte auf JavaScript, nicht irgendwelche JS Fehler? Auch haben Sie versucht, in der inspect element und manuell fügen Sie Ihre CSS-Formatvorlage mit Chrome developer tools?
schauen Sie, diese Geige seine Arbeit in Chrom jsfiddle.net/xmbLN/1

InformationsquelleAutor User 1531343 | 2013-01-23

  1. 1
    #uploadprogress{
      opacity:0.8!important;
}

    warum verwenden Sie display:none; es blendet ganze div

    InformationsquelleAutor edd

Schreibe einen Kommentar