본문 바로가기

전체 글242

[스크렙] css3으로 그라데이션 효과주기 CSS Gradient은 webkit에 의해 도입되었으나 많은 브라우져에서 호환이 되지 않는 문제로 인해 사용되어지지 않았습니다.하지만 지금은 많은 브라우져에서 그라데이션을 지원하여 CSS 만으로도 배경에 그라데이션 효과를 줄수 있습니다. 그러나 모든 브라우져에서 CSS Gradient를 사용할 수 있는 것은 아니니 유의하시기 바랍니다. 지원 브라우져 현황  Firefox >= 3.6MSIE > 5.5(!)Safari >= 4Chrome Webkit Browsers사파리와 크롬과 같은 웹킷 브라우져는 아래와 같은 규칙을 따릅니다. Firefox 3.6+Internet ExplorerCross Browser CSS Gradient를 위해서는 위 세가지 코드를 모두 사용하여 CSS를 정의합니다. 만약 그라데.. 2012. 6. 29.
모바일 브라우저 체크 2012. 6. 29.
php + javascript 를 이용한 html5 video 자막 삽입 사실 자막을 입힌다기보다 레이어를 얹고 레이어의 투명도를 조정한뒤 그 레이어에 문자를 적어넣는 방식입니다. 물론 자바스크립트를 이용한 기술이긴하지만 기존에 setInterval등의 외부에서 작동되는식의 시스템콜을 방법을 활용한것입니다. 일단 자바스크립트만으로 파일을 읽는것 자체가 매우 위험한 요소이기때문에(엑티브x를 이용하지 않기위함) php를 활용하여 자막을 읽습니다. php를 활용한다는것자체가 서버쪽에 부담이 되긴하지만 자막이 그렇게 긴것도 아니고 루프를 한번만 돌면 끝나기때문에 그리 큰 문제는 아닙니다. 먼저 php 코드부분입니다. 2012. 6. 28.
[스크랩] 버전별 explorer 적용법 버전별 스타일시트 사용 Internet Explorer Hacks IE6 Only Hacks * html input { padding:10px; } IE7 Only Hacks *+html input { padding:10px; } IE8 Only Hacks input { padding:10px\0/; } IE7 And IE8 Only Hacks input { padding:10px\9; } Not IE7 Hacks _input { padding:10px; } Conditional If Statement Change HTML Element With Javascript use JQuery if ($.browser.msie) { if(parseInt($.browser.version) == 8){ //For I.. 2012. 6. 28.

티스토리툴바