Ho una classe CSS Modal
che è assolutamente posizionata, z-indexed sopra il suo genitore e ben posizionata con JQuery. Voglio aggiungere un'immagine accento circonflesso (^) nella parte superiore della casella modale e stavo cercando di utilizzare il:before
pseudo selettore CSS per farlo in modo pulito.
L'immagine deve essere posizionata in modo assoluto e z-indexed sopra il modale, ma non ho trovato alcun modo per aggiungere la classe appropriata all'immagine content
nell'attributo:
.Modal:before{
content:url('blackCarrot.png') /* with class ModalCarrot ??*/
}
.ModalCarrot{
position:absolute;
left:50%;
margin-left:-8px;
top:-16px;
}
Seconda migliore opzione: posso aggiungere gli stili in linea nell'attributo di contenuto?