0

I use this css button working background-attachment: fixed;in ipad. please help me.Below the link

Link is here

.home #bottom-header {
    background-attachment: fixed !important;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    background-image: url("images/hero_bg.jpg");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 100%;
    position: relative;
    width: 100%;
}
Stickers
  • 75,527
  • 23
  • 147
  • 186
user1844884
  • 1
  • 1
  • 3

2 Answers2

1

This process is quite costly to the render process on mobile browsers so it is disabled.

See this post: How to replicate background-attachment fixed on iOS

Community
  • 1
  • 1
BennyTicklez
  • 147
  • 1
  • 18
0

It's a bit of a workaround, but looks way better than a fixed background, in my opinion. Just add data-speed="1" if you want to fix-position it.

http://codepen.io/AartdenBraber/pen/WpaxZg

Aart den Braber
  • 864
  • 1
  • 11
  • 23