고슴맨쉬
망치와 공(空)
고슴맨쉬
  • 분류 전체보기 (155)
    • 💡 UXUI (4)
      • UXUI (2)
      • UI (2)
      • UX (0)
    • 🟨 JavaScript (66)
      • 개념 (42)
      • 정리 (2)
      • 문제풀기 (프로그래머스, 코딩애플) (15)
      • 응용하여 자동화or문제해결하기 (2)
      • 기타 (5)
    • ⚛️ React (49)
      • 개념 (27)
      • 개념(Redux) (3)
      • 정리 (4)
      • 문제풀기 (코딩애플: React) (15)
    • 📘 TypeScript (10)
      • 개념 (8)
      • 문제풀기 (코딩애플) (2)
    • 🌐 HTML,CSS (18)
      • 실무에서 자주 발생한 오류들 (10)
      • 뒤늦게 알아서 뼈아픈 유용한 CSS (6)
      • 기타 자주 쓰는 CSS (2)
    • 💻 CS (8)
      • CS (5)
      • 정규표현식 (2)
      • Git,Github (1)

태그

  • 프로그래머스
  • JavaScript
  • state
  • CSS
  • class
  • array
  • redux
  • 코딩애플
  • UXUI
  • Props
  • json
  • 삼항연산자
  • TypeScript
  • CS
  • object
  • useEffect
  • 오류
  • axios
  • react
  • Ajax
전체 방문자
오늘
어제
hELLO · Designed By 정상우.
고슴맨쉬

망치와 공(空)

🌐 HTML,CSS/실무에서 자주 발생한 오류들

여태까지 고쳐온 오류들 : 사파리 fixed 요소 날라가는 문제 (햄버거닫기버튼 등)

2022. 7. 19. 15:35

사파리 fixed 요소 날라가는 문제

사파리는 왜인지 fixed도 오류가 난다.


1. 일단은 position: absolute로 대체할 수 있는지 시도해보자.

2. 대체할 수 없는 경우엔 아래 css를 시도해보자. (시도해본 적 없으나 아래 방법으로 성공한 사람이 있다고 한다)

div {
    position: fixed;
    z-index: 999999999;
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased; /* seems to do the same in Safari */
    -webkit-backface-visibility: hidden;
}
저작자표시 비영리 동일조건 (새창열림)

'🌐 HTML,CSS > 실무에서 자주 발생한 오류들' 카테고리의 다른 글

여태까지 고쳐온 오류들 : 사파리 video가 안보인다/재생도 안 된다  (0) 2022.07.25
여태까지 고쳐온 오류들 : 나눔스퀘어 16px 아래에서 깨짐  (0) 2022.07.19
여태까지 고쳐온 오류들 : 사파리 table 반응형 시 th/td 100% 안되는 문제  (0) 2022.07.19
여태까지 고쳐온 오류들 : 웹메일 이미지가 엑박뜨는 경우  (0) 2022.07.19
여태까지 고쳐온 오류들 : 사파리 텍스트 커지는 문제  (0) 2022.07.19
    '🌐 HTML,CSS/실무에서 자주 발생한 오류들' 카테고리의 다른 글
    • 여태까지 고쳐온 오류들 : 사파리 video가 안보인다/재생도 안 된다
    • 여태까지 고쳐온 오류들 : 나눔스퀘어 16px 아래에서 깨짐
    • 여태까지 고쳐온 오류들 : 사파리 table 반응형 시 th/td 100% 안되는 문제
    • 여태까지 고쳐온 오류들 : 웹메일 이미지가 엑박뜨는 경우
    고슴맨쉬
    고슴맨쉬
    부수되 집착하지 않고, 이해하되 머무르지 않기

    티스토리툴바