Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Gradient background on Android after scrolling

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #269271
    webcss
    Participant

    I have a problem with a gradient background on Android:

    Example:
    test.htm

    CSS code:

    background-image: linear-gradient(to bottom, #fff, #fff 33%, #f00);
    background-attachment: fixed;

    Screenshots (Android):
    Screenshot1,
    Screenshot2

    On the first screenshot, you see that everything is ok with the background. But after scrolling, the url bar is hidden and there is a white space on the bottom of the page.

    How could I fix this?

    #269500
    webcss
    Participant

    I fixed the problem with a div (fixed position). It has a gradient background (not the boby). So I don’t need the css (background-attachment) and now it work on android and ios.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.