CSS-Überlauf ausgeblendet, funktioniert nicht in Chrome, wenn der übergeordnete Rahmenradius und das untergeordnete Element über Animation verfügt

Question

CSS-Überlauf ausgeblendet, funktioniert nicht in Chrome, wenn der übergeordnete Rahmenradius und das untergeordnete Element über Animation verfügt

7

Es gibt drei Elemente wie:

%Vor%

Im ersten Elternteil ist ein border-radius und das Kindelement wird übergelaufen. Im zweiten Elternteil gibt es border-radius und overflow: hidden , so dass das Kind abgeschnitten wird. Beide funktionieren gut.

Aber in der dritten hat das Elternelement border-radius und overflow: hidden . Dieses Mal habe ich ein animation zum untergeordneten Element hinzugefügt, dann funktioniert overflow: hidden nicht in Chrome (Version 28.0.1500.52 beta / Mac OS X 10.8.3). Das Kind ist immer noch aus dem übergeordneten Element sichtbar.

Aber es funktioniert gut in Firefox (20.0)

Ist das ein Chrome-Bug? Oder fehlen mir andere CSS-Eigenschaften?

Danke.

css animation google-chrome css3 overflow

flanker 25.06.2013, 13:31

quelle

3 Antworten

Tags und Links css animation google-chrome css3 overflow

Django: Verwenden von Annotate, Count und Distinct in einem Queryset VBA: Warum muss ich jedes Mal den Fokus auf die Steuerung legen?

score 18 · Answer 1

18

Alles, was Sie tun müssen, ist, zum übergeordneten Element hinzuzufügen, folgen Sie css:

%Vor%

Bartłomiej Semańczyk 03.06.2014 08:11

quelle

score 2 · Answer 2

2

Fügen Sie einfach overflow: hidden; zu Ihrer letzten Klasse hinzu?

%Vor%

Die Live-Demo wird damit aktualisiert und scheint in Chrome zu funktionieren.

Tanner 25.06.2013 13:38

quelle

score 1 · Answer 3

1

Sieht so aus, als wäre dies in Chrome 29 behoben (getestet in Chrome Version 29.0.1547.22 Beta).

flanker 25.07.2013 00:56

quelle