Ich habe Probleme mit Webkit-basierten Browsern, bei denen ich einen Randradius zu einem div hinzufüge und dann -moz-translate3d auf eine ul-Innenseite anwende (dies liegt daran, dass ich im Originalbeispiel die flexslider slideshow verwende) , der Umrandungsradius gilt nicht und blutet durch den Container.
Um klar zu verstehen, worüber ich hier spreche, ist ein Geigenbeispiel für das Problem. Wenn ich die Eigenschaft translate3d entferne, wird der Grenzradius angewendet.
HTML:
%Vor%CSS:
%Vor%Getestet sowohl in der neuesten Version von Chrome auf Mac und Windows.
Vielen Dank im Voraus!
Ich habe diese Frage schon einmal beantwortet. Es ist ein Webkit Bug.
Fügen Sie diesen Code zu demselben Selektor hinzu, dem Sie auch einen Randradius hinzufügen
%Vor%Alte Antwortquelle flexslider border-radius umbricht das Bild nicht in Chrome, Safari, sondern in Firefox
Tags und Links html css3 webkit flexslider