Ungerade nicht erfundene Raum, der durch rotierende Div verursacht wird ⇐ HTML

[Anonymous]

Ich habe derzeit ein seltsames Problem, das durch Drehen eines Divs verursacht wird. Entfernen der Transformation: Drehen (180 °); CSS -Linie scheint dieses Verhalten zu entfernen. Das Verhalten ist für Chrom- und Firefox-basierte Browser gleich. Der tatsächliche Hintergrund der Divs ist nicht schwarz, sondern ein SVG mit Hintergrundbild: URL ('my.svg'); . class = "snippet-code">

Code: Select all

.background {
background-color: black;
height: 100px;
width: 100%;
backface-visibility: hidden;
}

.flipped {
transform: rotate(180deg);
}

.content {
/*   ugly fix, not helping me understand what is happening */
/*   outline-offset:-1px; */
/*   outline: 2px solid #1ab2e6; */
}< /code>