Ich benutze Owl Carousel, um eine Diashow zu erstellen.Entfernen Sie leeren Platz zwischen den Elementen während des Übergangs
Wenn ich für alle Karussellobjekte die gleiche Hintergrundfarbe verwende, wird beim Übergang zwischen den Elementen ein leerer Bereich angezeigt.
Dieses Problem tritt nur bei Verwendung des Chrome-Browsers auf. geschieht
Bitte ein Beispiel mit der Ausgabe sehen: jsfiddle.net/7yd04b1p/7
Ich fand, dass Owl Carousel CSS3 translate3d wird mit Hilfe der Folienübergänge zu tun, und ich denke, Chrome dies auf eine andere Weise rendert.
doTranslate: function(pixels) {
return {
"-webkit-transform": "translate3d(" + pixels + "px, 0px, 0px)",
"-moz-transform": "translate3d(" + pixels + "px, 0px, 0px)",
"-o-transform": "translate3d(" + pixels + "px, 0px, 0px)",
"-ms-transform": "translate3d(" + pixels + "px, 0px, 0px)",
"transform": "translate3d(" + pixels + "px, 0px,0px)"
};
},
Wer noch keine Ahnung, wie es zu lösen?
Danke!
Dies das Problem lösen, aber in meinem Fall jeweils dynamisch von einem CMS gesetzt Hintergrundfarbe des Elements, also weiß ich nicht, welche Hintergrundfarbe eingestellt wird und jeder Gegenstand kann einen anderen Hintergrund haben, aber danke für die schnelle Antwort. – Dwcps
Kein Problem. Wenn Ihnen das dabei half, dies als Antwort zu markieren? – breezy