Firefox wird nicht richtig angezeigt: vor und nach Pseudoelementen
In jedem anderen Browser sieht die Webseite außer Firefox gut aus. Sogar Internet Explorer! Die Pseudoelemente schweben im gesamten Dokument oder werden nach den ersten Elementen nicht mehr angezeigt. Gibt es eine Lösung für dieses Verhalten?
CSS
span[property="dc:date dc:created"]::before{
position: absolute;
top: 60px;
content: '';
display: block;
background-color: #005691;
width: 60px;
height: 20px;
}
span[property="dc:date dc:created"]::after{
position: absolute;
top: 60px;
right: 0;
width: 0px;
height: 0px;
border-top: 20px solid #01416F;
border-right: 20px solid rgba(0, 0, 0, 0);
content: '';
}