So entfernen Sie css-hintergrund-transparent?

Ich weiß nicht, wie es gekommen ist, und für das Leben von mir, ich kann nicht reparieren.

Ich habe ein div, das wird ausgeblendet mit display: none;

Wenn ein Benutzer klickt, habe ich display: block das zeigt eine neue Ebene.

Das problem ist, dass der gesamte text sichtbar aus der Ebene dahinter... Wie kann ich erzwingen, keine Transparenz aus ein div hinter?

Habe ich keine Transparenz oder die Deckkraft in meinem css.

Die Ebene zeige ich nur die folgenden Einstellungen:

.display { 
    background: rgb(255, 255, 255) url(/template/mobile/images/dot.gif) repeat left top;
    display:none; 
    width: 250px; 
    height:100px; 
    border: 1px solid rgb(20, 20, 20);
    margin-left: -5px;
    margin-top: -100px;
    float: left;
    z-index: 999;

}

Wie Sie sehen können:
Ich habe versucht, mit einem 1px Bild im hintergrund noch transparent
Ich habe eingestellt, dass die Hintergrundfarbe auf weiß - transparent
Ich habe versucht Einstellung der z-index, so ist es am Anfang von allem - immer noch transparent

Ich weiß nicht, warum es ist und wie ich es stoppen???

HINWEIS: ich habe deaktiviert die live-site und dieser code kann eingesehen werden in der Prüfung an: http://dev.cutmyhair.com.au/search_results.php?keyword=waverley
HINWEIS: Dieses Problem wird nur auftreten, auf die .mobi-version der Seite (also Sie müssen es auf einem Handy ODER über ein mobi-emulator)

Hättest du ein online-Beispiel ?
Sie können es hier sehen (cutmyhair.com.au/search_results.php?keyword=waverley), aber es ist nur sichtbar auf mobilen Plattform
Verdammt... habe mein iPhone @ home...
können Sie es in firefox, wenn Sie die wmlbrowser-plugin...
lösen bedeutet es IE-Transparenz-bug? Ich habe auch ähnliches problem, wo hintergrund-text überschneidet sich mit weiß-Bild ist top, der hintergrund-text. Andere browser ist gut, aber nur im IE7, IE6 Problem. Und im IE6 tooltips, die Nachricht geht über das Eingabefeld! Sowieso werde ich mit position:absolute oder relative, sehen, was Los ist.

InformationsquelleAutor php-b-grader | 2010-06-24

  1. 7

    War ich in der Lage zu reproduzieren, das mit FF3 und IE8.

    Müssen Sie die position entweder absolut oder relativ.

    .display { 
    position: absolute;
    ...
}

    oder

    .display {
    position: relative;
    ...
}
    GOLD! Ich entfernt, dass früher, als ich Probleme mit der Positionierung... BANG!
    Sorry, noch eine Frage - Warum ist das so? Wie funktioniert position: absolute machen die BG nicht transparent?
    Ich bin mir nicht ganz sicher, aber ich habe das Gefühl Sie haben etwas zu tun mit Ihrem margin-top:-100px.
    GOLD!!!! 🙂 danke, bei mir auch geholfen

    InformationsquelleAutor Mario Menger

  2. 0

    Sind Sie sicher, es ist ein Transparenz-Problem? Ich sehe ein weiteres problem:

    Höhe:100px
    margin-top: -100px

    Diese beiden zusammen machen würden, Ihre div-Aufenthalt ganz aus der Seite, wenn die Eigenschaft float wird beeinflusst durch die anderen Elemente um Sie herum. Vielleicht postet hier der html-Teil und andere Verwandte css-Regeln, so kann ich verstehen, die situation zu verbessern. Eh, Erstens, sicher sein, dass dein div ist in dem Ort, den Sie denke ist es, durch die Verwendung eines guten html - /css-debugging-Tools wie Firebug oder den Chrome dev-Konsole.

    Der div ist auf jeden Fall drin... der gesamte text wird verzerrt, indem Sie den text unterhalb von " ... Das div-Element anzeigen, wo genau ich es haben will (Wenn auch nicht unbedingt der Bund Weg, weil die Probleme habe ich mit der Positionierung... ich schwebte nur und zog es.

    InformationsquelleAutor Matteo Mosca

  3. 0

    Versuchen Sie es mit display:inline-block (statt block). Es scheint besser zu funktionieren (mehr intuitiv) mit gefloateten Elementen.

    InformationsquelleAutor user268396

Schreibe einen Kommentar