Salve, vorrei sapere se fosse possibile gestire lo style "opacity" di un div senza intaccare l'oggetto "label" al suo interno.
Se ad esempio imposto al Div opacity=0.5, è possibile applicarla solo al colore di sfondo dello stesso e non alla label contenuta al suo interno?
Grazie.
Ciao, con opacity non puoi perché questa proprietà influisce in modo irreversibile su tutti gli elementi discendenti, cioè tutto ciò che sta dentro il tuo div.
E' possibile invece dare una trasparenza solo al colore di sfondo attraverso la notazione rgba, applicandola a background (o backgraund-color, nello specifico).
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
puoi dare una trasparenza al colore di sfondo scrivendo ad esempio background-color: rgba(255, 0, 0, 0.5);
oppure, se lo sfondo è un'immagine, puoi creare due elementi distinti e posizionare la scritta sopra l'immagine, a questo punto puoi dare l'opacità all'immagine senza intaccare la scritta.
ti riporto una piccola pagina html come esempio:
codice HTML:<html> <head> <title>Test</title> <style type="text/css"> div { position:relative } img { opacity:0.5; } span { color:yellow; font-size:40px; font-weight:bold; position:absolute; top:50px; left:50px; } </style> </head> <body> <div> <img src="http://images.wired.it/wp-content/uploads/2016/01/1453282239_gatto-9-600x335.jpg" /> <span>TESTO</span> </div> </body> </html>
Permessi di invio
Rispondi quotando