Wenn ich ein div habe, das sich wie eine Box verhält, mache ich es mit 10% Opazität echt sexy. Wie kann ich dem entgegenwirken, da alles im div auch die Opazität erhält? Lets sagen, ich habe eine Box (div) mit einem 1px Rahmen und Text, setzen Opazität auf es wird es schlecht aussehen und ich möchte nur Deckkraft auf dem Hintergrund.gegen eine div Opazität?
Antwort
Sie könnten ein halbtransparentes PNG-Bild für den Hintergrund des Elements verwenden. Sie benötigen ein Update wie Supersleight für IE6-Unterstützung.
Der Inhalt eines Elements mit Deckkraft erbt diese Deckkraft. Sie müssen es in zwei Teile aufteilen: den Hintergrund und den Inhalt. Positioniere den Inhalt absolut über dem Hintergrund. Ihr Inhalt darf nicht innerhalb des Opazitätselements sein.
Das ist richtig, wenn Sie über "Opazität" die CSS-Eigenschaft sprechen, aber es gibt mehrere andere Möglichkeiten, den Effekt zu erzielen. – e100
Dies ist, wie Sie nur Opazität auf Hintergrundfarben anwenden können, und nicht auf das gesamte Element und seine Kinder:
background: rgba(0,0,0, 0.5) //gives you a black background with 50% opacity
Sie können es hier testen: http://jsfiddle.net/ypaTH/
gab es eine ähnliche Frage hier: How to give cross browser transparency to element's background only? (mit IE-Version)
Dies (obwohl es die 'richtige' Lösung und ein CSS3-Feature ist) funktioniert nur in modernen Browsern wie Chrome, Firefox, Safari. –
können Sie die IE-Version in der anderen Antwort finden, die ich auf dem vorherigen toppic gab. – meo
und Opazität funktioniert nicht in IE zu, so dass ich es nicht kümmern würde – meo
- 1. div überlappend fest div - CSS Opazität/Übergang
- 2. Opazität mit einem Overlay div
- 3. div Opazität auf Scroll-Top
- 4. Opazität auf einem div schweben
- 5. Ändern div Opazität auf Bildlauf
- 6. Raphael div Opazität funktioniert nicht auf IE
- 7. Hintergrund Opazität
- 8. schweben Opazität und klicken Sie auf Opazität
- 9. Wie vermeidet man die Opazität eines in einem DIV mit Opazität platzierten Imgs?
- 10. CSS-Opazität Übergang berücksichtigt Overlay-Opazität während der Animation nicht
- 11. CSS Hintergrund Opazität
- 12. Problem mit der Opazität
- 13. CSS-Opazität - Hintergrundfarbe
- 14. Text innerhalb div über schwarz Overlay OHNE Opazität
- 15. CSS: Opazität - Div wird nicht in IE7 angezeigt?
- 16. Wie kann ich Text in div niedrigen Opazität in HTML
- 17. Opazität des Bildes kann nicht innerhalb von div gesteuert werden
- 18. Ändern der Hintergrund-Opazität von div mit RGBa
- 19. jQuery auf Hover Opazität
- 20. firefox Hover Opazität
- 21. jQuery Opazität langsam Fade
- 22. jQuery Anwendung css Opazität
- 23. Opazität in CSS, einige Zweifel
- 24. css Übergang Opazität der Hintergrundfarbe
- 25. Kann ein Kind Div eine höhere Opazität als Eltern mit CSS haben?
- 26. 100% Opazität UILabel über einem 50% Opazität Hintergrund (UIView?)
- 27. Tkinter Button Opazität
- 28. UIView und Subviews - Opazität
- 29. JavaScript DOM Hintergrund Opazität
- 30. CSS - Getönte Opazität
wegen all der Browsertypen ich denke, ein PNG ist die beste Wahl, wenn ich nicht eine lib wie jquery oder etwas verwenden würde (wenn es die Funktion hat Ich brauche). Danke allen für alle Antworten! – Jason94