CSS background size:cover lags browser

Asked Jan 10 '13 at 21:57

Active Aug 27 '17 at 17:51

Viewed 135 times

I use a div with full width and height to show cover background image. And there is a function that slides to left and shows next fullscreen div. The problem is when I use background-size:cover the browser lags on slide transition.

I made a Fiddle: http://jsfiddle.net/ULah3/1/ and I know I used quality pictures.

Any ideas?

EDIT: You can compare this with background-size:100% auto http://jsfiddle.net/ULah3/4/

edited Aug 27 '17 at 17:51

Alessio

3,404
19
35
48

asked Jan 10 '13 at 21:57

Luka

have you tried preloading images? http://stackoverflow.com/questions/476679/preloading-images-with-jquery – LazerSharks Jan 10 '13 at 22:07
I just tryed it, but its the same: http://jsfiddle.net/ULah3/3/ I don't thinkg the problem is load, but resizing of background. – Luka Jan 10 '13 at 22:44
This doesn't lag on any of my browsers. – Matt K Jan 10 '13 at 22:54

CSS background size:cover lags browser

0 Answers0