ios 11 이하 safari에서 postion이 fixed 일경우 z-index가 안먹습니다. (현재 최신버전조차..)

 

예전부터 발견한건데 패치가 없네요 

 

웹킷 버그이고  크롬의 경우 패치가 된듯합니다.

 

그외 패치되지 않는 브라우저에선  아래 코드를 사용하시면됩니다.

 

-webkit-transform: translateZ(0); // safari bug fix
-webkit-backface-visibility:hidden;

 

natura

profile
취미로 개발하는 사람입니다.
  • profile
    저는 cordova webapp 만들때 이런 이슈가 있더라구요. 아이폰 및 크롬에서도 문제가 재현됩니다.
    똑같이 translateZ 속성으로 해결했어요.
  • profile profile
    크롬에서 작업할때는 이상이 없어서 크롬에서는 해결된줄 알았는데 아닌가보네요.
    저도 지금 웹앱작업중이라.. 아이폰 바운스때문에 고생하고있네요 ㅎㅎ
  • profile profile
    전 fixed 로 오면 전부 relative 로 수정하고 있어요.
    z-index 는 translate 속성 들어가면 깨지던데. 특히 tabbar 사용시 잘 깨져요.