anko와 함께하는 developer :D anko와 함께하는 developer :D

HTML, CSS, SASS

• [CSS] IE 10, 11 background-image blur bug

  HTML, CSS, SASS 2018. 2. 2. 21:11

  div에 background-color를 주고 border-radius로 라운드 처리 후background-image로 아이콘을 넣어 주었다.IE 10, 11에서 이미지가 뿌옇게 보이는 이슈 발생.border-radius를 제거하니 이슈 해결.border-radius가 들어가면서 background-image 까지 함께 들어가는 부분은border-radius까지 함께 image로 만들던지 radius 속성을 사용하지 않을 만한 해결 방법을 탐색해볼 것.

  Read More
• [CSS] IE 11

  HTML, CSS, SASS 2018. 2. 2. 20:30

  border-radius:50% 속성을 주었다.Chrome는 이상 없지만 IE 11에서 우측이 깨지는 것이 발견되었다.IE에서는 실제 border 가 없으면 blur를 먹여버리는 성질이 있다는 것이다.해결 방법은 border:1px solid #해당컬러; 를 주면 이슈 해결

  Read More
• [CSS] IE 11 background-image bug

  HTML, CSS, SASS 2018. 2. 2. 20:25

  IE 11에서 background-image가 뿌옇게 보이는 버그가 있다.아래 이미지는 통이미지로 bg에 깔려 있고,a 요소를 position:absolute로 전송 위에 올려 놓았다.IE 11에서 전송 버튼 위에 마우스를 오버하니까 해당 영역 bg가 뿌옇게 보인다.원인은 a 요소의 text-decoration:underline에 있었다.text-decoration:none 속성을 적용하니 문제가 해결되었다.

  Read More
• [CSS] -webkit-overflow-scrolling

  HTML, CSS, SASS 2018. 1. 29. 09:17

  android에서는 default로 overflow:scroll 영역을 touch로 던져 스크롤이 되지만ios 같은 경우에는 손가락으로 움직인 만큼만 스크롤이 되기 때문에 뚝뚝 끊기는 느낌이 나게 된다. ios 5부터 지원되는 -webkit-overflow-scrolling:touch; 속성을 준다면 android처럼 부드러운 scrolling이 가능해진다.

  Read More