Bug 검색 결과

해당 글 3건

HTML radio buttons looks square in iphone

아이폰에서 브라우저로 접속했을때 라디오버튼이 이상하게 나온경우가 있어서 검색한 결과 12345678inpu[type='radio'] { border-radius:100%; background-image: -webkit-linear-gradient(top, rgb(186,0,0) 0%, rgb(255,59,59) 49%);}input:not([type='radio']) border-radius:100%; background-image: -webkit-linear-gradient(top, rgb(186,0,0) 0%, rgb(255,59,59) 49%);}Colored by Color Scriptercs 색상과 선둥글기만 커스텀해주면 완료
WEB/Hack*Bug 2017. 3. 16. 13:32

[IE] clearfix 핵

clearfix 핵다음은 float를 사용할 때 때때로 일어날 수 있는 이상하고 바람직하지 않은 경우입니다.img { float: right; }이런... 이 이미지는 그것을 담고 있는 엘리먼트보다 높이가 높고 떠 있어서 컨테이너 바깥으로 넘쳤습니다!이 문제를 해결하는 방법이 하나 있긴 하지만 조금 지저분합니다. 이를 clearfix 핵이라고 합니다.다음과 같은 CSS 코드를 새로 추가해 봅시다..clearfix { overflow: auto; }이제 어떻게 되는지 확인해 봅시다.훨씬 낫네요!이 기법은 근래에 나온 브라우저에만 동작합니다. IE6를 지원하고 싶다면 다음과 같은 코드를 추가해야 합니다..clearfix { overflow: auto; zoom: 1; }이 기법을 쓸 때 좀 더 주의를 기울여..
WEB/Hack*Bug 2016. 12. 6. 17:15

[IE]float, inline-block 핵*버그 (float vs inline-block)

li 에 float:left 를 사용해왔지만 운영,유지보수 하면서 display:inline-block을 사용하면서 ie버전마다 깨지는 현상이 있어 핵을 검색해보았다.# IE 6, 7, 8에서 생기는 display:inline-block 문제 해결 : *display:inline; *zoom:1 - float (카테고리-HTML에도 설명) #container { background:#333; padding-bottom:20px; margin-bottom:20px; *zoom:1;} //after 미지원에 대한 ie6~7핵#container:after { content:""; clear:both; display:block; }#content { width:500px; background:#ccc; floa..
WEB/Hack*Bug 2016. 12. 6. 16:06