Ho cercato di rendere il bootstrap semitrasparente aggiungendo opacity:0.4 ma questo risulta nel rendere il testo semitrasparente. C'è un modo per rendere il pozzo semi trasparente senza che il corpo perda anche l'opacità.Rende il bootstrap semitrasparente
Modificare il background-color invece di cambiare la sua opacity
.well {
background-color: rgba(245, 245, 245, 0.4);
}
Con un avviso che il valore 245 deriva dal default background-color della classe .well: #F5F5F5.
C'è un modo fantastico per farlo. È possibile farlo utilizzando rgba e 'background-color` come questo:
.well{
background-color: rgba(255,255,255,0.4); // I don't know the .well color, so I used white as example
}
dove il 0.4 è l'opacità e la 255,255,255 i codici dei colori in RGB.
più su RGBA:
Ho pensato di usare il layer alpha ma volevo che il pozzetto mantenga il colore definito in bootstrap.css –
Puoi usare rgba su ogni genitore del pozzo. se lasci lo sfondo dal pozzetto trasparente tutto l'elemento all'interno del tuo genitore sarà opacità. –
Appena ottenuto un downvote. Spiega per favore. –
Nel mio sito web utilizzando Chrome c'è anche un'immagine di sfondo che viene applicata dal bootstrap v3 CSS, che prevalgono su quelle del background-color che specifico, come risolvere questo problema? – Alex