Re: [css-d] iOS Safari and multiple fixed backgrounds
Den 14.03.2014 16:55, skrev Tom Livingston: List, I have a page with multiple divs that have fixed backgrounds. This isn't working in iOS Safari or iOS Chrome. Actually, not even a single div with a fixed background is working. In desktop appears to work fine. Read somewhere - a long time ago - that many browsers don't support anything fixed on small devices, because of the problems it unintentionally may cause. Also too easy to intentionally mess things up with fixed. regards Georg __ 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/
Re: [css-d] iOS Safari and multiple fixed backgrounds
Sent from my iPhone On Mar 14, 2014, at 12:11 PM, Georg ge...@gunlaug.com wrote: Den 14.03.2014 16:55, skrev Tom Livingston: List, I have a page with multiple divs that have fixed backgrounds. This isn't working in iOS Safari or iOS Chrome. Actually, not even a single div with a fixed background is working. In desktop appears to work fine. Read somewhere - a long time ago - that many browsers don't support anything fixed on small devices, because of the problems it unintentionally may cause. Also too easy to intentionally mess things up with fixed. Can u give an example of intentionally mess things up? regards Georg __ 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/ __ 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/
Re: [css-d] iOS Safari and multiple fixed backgrounds
Hey Tom,
Did you see this support chart:
http://www.quirksmode.org/css/backgrounds-borders/mobile.html
There appear to be some hacks, with one from 2012 referenced here:
http://stackoverflow.com/a/13337504/1108292
And what could potentially be a starting point for a polyfill:
http://stackoverflow.com/a/14115437/1108292
And, finally, this post tries to explain why position:fixed is unreliable
in iOS (and Android):
http://webreflection.blogspot.co.nz/2009/09/css-position-fixed-solution.html
Hope it helps.
On Fri, Mar 14, 2014 at 11:55 AM, Tom Livingston tom...@gmail.com wrote:
List,
I have a page with multiple divs that have fixed backgrounds. This
isn't working in iOS Safari or iOS Chrome. Actually, not even a single
div with a fixed background is working. In desktop appears to work
fine.
The CSS rule I am using is:
.myDiv{background: fixed url(../img/careers/careers-header-bg.jpg) 50%
0 no-repeat;}
Some Googling produced nothing that will help.
Anyone have any ideas? Anyone know if there's a trick to this?
Thanks
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
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/
--
Chris Rockwell
__
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/
Re: [css-d] iOS Safari and multiple fixed backgrounds
On Fri, Mar 14, 2014 at 1:18 PM, Chris Rockwell ch...@chrisrockwell.com wrote: Hey Tom, Did you see this support chart: http://www.quirksmode.org/css/backgrounds-borders/mobile.html There appear to be some hacks, with one from 2012 referenced here: http://stackoverflow.com/a/13337504/1108292 And what could potentially be a starting point for a polyfill: http://stackoverflow.com/a/14115437/1108292 And, finally, this post tries to explain why position:fixed is unreliable in iOS (and Android): http://webreflection.blogspot.co.nz/2009/09/css-position-fixed-solution.html Hope it helps. -- Chris Rockwell Hi Chris, Thanks. I did see those. The last link you posted above talks about position:fixed in terms of, for example, a fixed navbar at the top of a page. What I'm after is a fixed background image applied to a div. Now technically, that may be the same thing and in my limited knowledge I just don't realize it, but I would think these are two different things. In the end, I'll go with what I thought and that's 'no, you can't do that', and just code my MQs accordingly. Georg, I remember reading something a while back as well, but the way things change in this biz, you never know if someone figured out a way around it. Thanks. -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ 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/
