일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 일본 관광
- 조건문
- 일본나라여행
- 나라여행
- 파이썬문자열
- 혼자공부하는파이썬
- 파이썬조건문
- 파이썬
- input style
- 혼자여행
- 혼공파미션
- Python
- 혼공단
- hover style
- 일본여행
- 나라 사슴
- #파이썬
- 파이썬혼자공부하기
- input
- 일본 사슴
- 일본
- 한빛미디어
- 혼공파선택미션
- 비쥬얼스튜디오코드설치
- 혼공파
- 일본 나라
- 호버스타일
- 비쥬얼스튜디오코드
- 파이썬혼공
- 파이썬공부
Archives
- Today
- Total
Eveningstar
[ios] 사파리 safari에서 overflow:hidden, border-radius가 안될 때 본문
크롬에서는 부모값의 border-radius와 overflow:hidden이 잘 먹힌다...
그런데 사파리에서는 자식이 부모 바깥으로 삐져나오고 있었다!
이런 식으로 자식 태그가 부모 태그를 뚫고 나와버리는,,,,,
서툰 영어로 구글신께 도움받음...
https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b
부모태그에
아래css를 추가해주었더니 오버히든 속성이 잘 먹는다^^!
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
'HTML&CSS' 카테고리의 다른 글
다양한 호버 효과들 (0) | 2019.01.28 |
---|---|
[hover효과] draw line above box (0) | 2019.01.28 |
[form]input 입력시 기본설정 한글로 입력하기 (0) | 2018.12.20 |
css로 말줄임처리하기 (0) | 2018.11.14 |
아이폰 input태그 style 초기화, 그림자 제거, 모서리 스타일 초기화 (0) | 2018.11.14 |
Comments