본문 바로가기

웹관련/크로스브라우징15

[ie7,8] CSS3 그림자 효과 ie포함 - htc이용 PIE.htc -webkit-box-shadow: #ccc 3px 3px 2px; -moz-box-shadow: #ccc 3px 3px 2px;box-shadow: #ccc 3px 3px 2px;border-radius:5px 5px 0 0;behavior: url("/inc/PIE.htc"); background-color:#fff;/*ie7,8 대응코드*/[출처] [ie7,8] CSS3 그림자 효과 ie포함 - htc이용|작성자 mrb18bae 2016. 9. 23.
[크로스브라우징] ie 9이하 html5/css인식 IE9 미만에서 HTML5 엘리먼트 지원 IE9, IE8, IE7 미만에서 HTML 및 CSS 엘리먼트, 투명 PNG 지원 IE8 이하 브라우저에 미디어쿼리 인식 홈페이지: http://code.google.com/p/html5shiv/ - HTML5 요소를 지원하지 않는 브라우저(IE8 이하)에서 해당 요소를 지원할 수 있게 해주는 라이브러리. - 구버전 IE가 부분에 넣음 홈페이지: http://css3pie.com/ - CSS3 요소를 지원하지 않는 브라우저에서 CSS3 요소를 사용할 수 있게 해주는 라이브러리 - 구버전 IE에서도 둥근 외곽선, 그림자, 그라데이션 등의 CSS3 효과를 사용할 수 있도록 해줌.- 자세한 사용법은 홈페이지 참고. 홈페이지: http://fetchak.com/ie-cs.. 2016. 6. 10.
[CSS] jQuery png fadeOut() hide() animate 검은색 문제 해결 방법 jQuery를 사용하여 png파일의 이미지를 fadeOut()이나 hide(1000)등 animate효과를 줄 경우IE6의 전형적인 png버그 외에 IE7, 8에서도 png배경색이 검은색으로 바뀌는 현상이 발생함 이러한 경우 해결 방법!! [css로 해결방법]img {background:transparent; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE8 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE6 & 7 */ zo.. 2016. 6. 10.
[크로스브라우징] - ie6,7,8 둥근모서리,박스음영,그라디언트,투명효과,박스모델회전 둥근모서리 표현 .box_round { -moz-border-radius: 12px; /* FF1+ */ -webkit-border-radius: 12px; /* Saf3+, Chrome */ border-radius: 12px; /* Opera 10.5, IE 9 */ } 박스음영 .box_shadow { -moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE 9.0 */ filter: progid:DXImageTransform.Microsoft.dropshadow(.. 2016. 6. 10.
[ie7]z-index 오류해결방안 인터넷 익스플로러7 에서 position 값을 가진 요소는 새로운 쌓임 맥락(stacking context)을 만들 때 z-index를 0으로 만든다. 따라서 z-index는 더이상 제대로 작동하지 않는다. -해결방안- 부모 요소(relative)에 더 높은 z-index 값을 주면 버그가 해결된다. [부모-자식 관계에서 자식 요소가 가진 z-index 값보다 부모에 높은 z-index를 주면된다.] ex) Test Page 2016. 6. 10.
[ie7]Jquery - ie7 쉼표 오류 jQuery 사용중 JavaScript가 전혀 움직이지 않는 것을 발견했습니다. 인터넷을 뒤져보다 , IE는 쉼표 (,)주의 라는 것이 었습니다. . . 구체적으로는 BxSlider 를 예로 들자면,$('.slider').Bxslider({auto:true,sildeWidth:300,}); 객체를 사용중 {}내용아네 마지막 (쉼표). IE7에서 마지막으로, (쉼표)가 있으면 오류가되어 버립니다. 2016. 6. 10.

티스토리툴바