does a background-attachment of fixed work in iOS5?

by

You can potentially get around this using a separate element and position: fixed which does work!

HTML:

<div id="Background"></div>

<div id="Content"></div>

CSS:

#Background {
    background: #000 url("img/Background.jpg") no-repeat 50% 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

More Related Contents:

  1. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  2. How to get the scroll bar with CSS overflow on iOS
  3. iOS forces rounded corners and glare on inputs
  4. Could someone explain this CSS code?
  5. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  6. CSS attribute selectors: The rules on quotes (“, ‘ or none?)
  7. Is there any way to hover over one element and affect a different element? [duplicate]
  8. What is the difference between ‘>’ and a space in CSS selectors?
  9. Make a DIV fill an entire table cell
  10. Full-screen responsive background image
  11. Is there a CSS hack to affect Safari only NOT Chrome?
  12. Outlining and partially filling an SVG Shape
  13. Setting height: 100% on my label element doesn’t work
  14. Twitter Bootstrap – add top space between rows
  15. hover on child without hover effect on parent [duplicate]
  16. Add a css class to a field in wtform
  17. How can I use CSS3 transform on a span?
  18. What is this CSS selector? [class*=”span”]
  19. Bootstrap 3 Slide in Menu / Navbar on Mobile [closed]
  20. How do I Make Firefox Print a Background-Color Style?
  21. Is there any pros and cons if i use always CSS Class instead CSS ID for everything?
  22. How to use vertical align in bootstrap
  23. CSS text-decoration underline color [duplicate]
  24. QT – CSS: decoration on focus
  25. Is there an opposite CSS pseudo-class to :hover?
  26. Why isn’t my justify-content property working?
  27. Remove border radius from Select tag in bootstrap 3
  28. Styling browser-native video controls
  29. CSS: How to change colour of active navigation page menu
  30. Continuous CSS rotation animation on hover, animated back to 0deg on hover out

Leave a Comment