html - Why background-attachment local doesn't work on Android and IOS -


i'm trying use background scrolls text area content, found background-attachment local need, works perfect on chrome , safari when tried on ios , android devices doesn't work, idea how can solve issue, i'm trying do:

.box{      background: #ebebeb url("https://d1bys27s0mpm5v.cloudfront.net/static/images/underline.3bf1ed0760e9.png") repeat;      background-attachment: local;      border: none;      box-shadow: none;      line-height: 30px;      font-size:24px;      font-family: ceracy-regular;      padding: 4px;      resize: none;      border-radius: 1px;      height: 300px;      width: 300px;  }
<textarea class="box">    lorem ipsum dummy text of printing , typesetting industry. lorem ipsum has been industry's standard dummy text ever since 1500s, when unknown printer took galley of type , scrambled make type specimen book. has survived not 5 centuries, leap electronic typesetting, remaining unchanged. popularised in 1960s release of letraset sheets containing lorem ipsum passages, , more desktop publishing software aldus pagemaker including versions of lorem ipsum.  </textarea>

according can use:

  • android browser doesn't support local @ all.
  • chrome android supports when border-radius set
  • safari ios supports when -webkit-overflow-scrolling: touch not used

in short, it's cutting edge feature , support isn't entirely there yet.


Comments

Post a Comment