O'Reilly logo

Responsive Web Design with jQuery by Gilberto Crespo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsive background images by using jQuery plugins

Positioning a background image is not always an easy task for responsive sites because its correct visualization depends on the behavior of its contents.

Just to clarify, let me show you a sample of this problem:

Responsive background images by using jQuery plugins

The problem is that sometimes we fix the content to keep the background still correct and it needs to change. There are two plugins that help a lot in positioning this background: Anystretch and Backstretch.

Anystretch – stretching your background easily

Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block-level element. Originally, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required