159 Stimmen

Pseudo-CSS-Element :before zum Hinzufügen eines Bildes zum Modal verwenden

Ich habe eine CSS-Klasse Modal die absolut positioniert ist, z-indexed über es ist übergeordnet, und schön mit JQuery positioniert. Ich möchte ein Caret-Bild (^) an der Spitze des modalen Feldes hinzufügen und war auf der Suche nach der Verwendung der :before CSS-Pseudoselektor, um dies sauber zu tun.

Das Bild muss absolut positioniert und z-indexiert über dem Modal sein, aber ich habe keine Möglichkeit gefunden, die entsprechende Klasse dem Bild in der content Attribut:

.Modal:before{
  content:url('blackCarrot.png') /* with class ModalCarrot ??*/
}

.ModalCarrot{
   position:absolute;
   left:50%;
   margin-left:-8px;
   top:-16px;
}

Zweitbeste Option - kann ich die Stile inline in das Inhaltsattribut einfügen?

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X