Backstretch & IE11

[anyname]

There is currently a major issue with IE11 and the backstretch jQuery plugin which is used on a number of Genesis child themes including the recent agency and metro pro. This needs to be addressed by the framework devs.

When using mousewheel up/down or on a keyboard the up/down arrows the background image jumps before resetting to the original position. Not a good look.

The issue is logged at: https://github.com/srobbin/jquery-backstretch/issues/300 and appears to be an IE bug.

I've tried numerous attempts to work around but to no avail. The backstretch image works for block level divs just not with the body tag. The closest I've got is to wrap the body tag but this results in any background image showing as full size and not 'squeezing' into the div.

//backstretch IE11 hack
add_action( 'genesis_before', 'metro_site_wrap_before' );
function metro_site_wrap_before() {
	echo '<div class="site-wrap">';
}
add_action( 'genesis_after', 'metro_site_wrap_after', 15 );
function metro_site_wrap_after() {
	echo '</div><!-- end site-wrap -->';
}

Current css:

.site-wrap {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
}

Maybe the devs can get the css for this to work?

[anyname]

Forgot to mention. in the backstretch-set.js file the tag is changed to '.site-wrap' from 'body'.

[Coach Young]

Were you able to get this resolved?

I am still having this same issue.

[uwitness]

I'm trying to use the 411 Pro Theme and find that the Backstretch background is flickering in IE11 on Windows 8.1 (with the default 'smooth scrolling' left on).

Searched the forums and found this post, meaning that Microsoft still hasn't fixed the bug. However, I've also used Agency Pro and Parallax Pro recently and they don't have this flickering issue with Backstretch in IE11 - does anyone know what fix was applied to those two themes that I can use in 411 Pro. I've tried checking through as much of the code as I could, but can't find any obvious fix applied.

Thanks!

[uwitness]

Still looking for a solution to this, if anyone has any suggestions. Thanks so much. 🙂

[Author]

Posts