Stellen Sie ein Hintergrundbild transparent mit CSS
Habe ich ein Szenario, wo ich einen transparenten hintergrund Bild, aber ich habe keine Kontrolle über den dynamisch erzeugten Bilder, die ich verwenden. Aus diesem Grund Transparente PNG in Frage. Alle Kind-Elemente innerhalb der gleichen div-Element NICHT beeinflusst werden und voll sichtbar sein sollte.
Ich wissen, wie Sie Transparenz anwenden, um hintergrund-Farben und block-level-Elemente, aber können Sie dies tun für ein Hintergrundbild?
Sie müssen eine
Jede Arbeit, Tips und Tricks anderer, die Schichtung div mit z-index?
könnte Sie löschen eine semi-transparente weiße oder schwarze Bild über den vorhandenen hintergrund?
<img>
und gelten opacity
. Das ist der einzige Weg.Jede Arbeit, Tips und Tricks anderer, die Schichtung div mit z-index?
könnte Sie löschen eine semi-transparente weiße oder schwarze Bild über den vorhandenen hintergrund?
InformationsquelleAutor Andrew | 2011-04-12
Du musst angemeldet sein, um einen Kommentar abzugeben.
Nicht. Nicht technisch. Sie würde anwenden müssen, eine hintergrund-Farbe, um dieses zu erhalten zu arbeiten, weil Sie würde verblassen der Farbe und des Bildes, sondern nur das Bild. Denken Sie daran, dass ein Hintergrundbild nicht styleable Inhalt.
Könnte Sie wahrscheinlich hack es mit einem Bild anstelle eines Hintergrundbildes und es eine Mischung von relativen und absoluten Positionierung mit einigen z-Indizierung auf der Oberseite. Aber das ist der einzige Weg, ich kann denken!
Ihre hacking-Kommentar ist mein backup-plan war nur gehofft, ich hatte etwas übersehen...
InformationsquelleAutor Alex
IE verwendet
filter:alpha(opacity=50);
während andereopacity:.5
Nur sind Sie beide.
Dies wird verblassen, ALLES in einem element nicht nur das hintergrund-Bild. Ich würde empfehlen die Verwendung von rgba-über die Deckkraft, wie Sie individuell festlegen können Transparenz der einzelnen Elemente. Aber auch das funktioniert nicht nur auf hintergrund-Bilder
InformationsquelleAutor Sam