Hi all; With the current interest in mobile-first responsive design, I have a question that I’ve been unable to fully answer. Here’s the scenario:
Assuming that I use the same page for both desktop and mobile (ie. NOT a separate mobile site or subdomain) then I will most likely streamline the mobile experience by having some sections of the page initially hidden using display: none. (User can click/tap to reveal that section as required). My question then, pertains to minimising bandwidth requirements, and it is this: if an element has a background image -- eg. background-image: url(/myImage.png); -- and *also* has display: none applied, does the browser download that image or not? (Obviously the most relevant browsers for this question are the mobile browsers). I couldn’t see anything in the spec (http://www.w3.org/TR/2011/REC-CSS2-20110607/) to clarify this, so can anyone here shed any light on the matter? Thanks. -- Rick Lecoat ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
