ONSELECTSTART CSS 로 막기 "-moz-user-select": "none", "-webkit-user-select":"none", "-khtml-user-select":"none"

오랜만에 포스팅!이리저리 소스정리하다..우선 2가지 CSS를 만든다.... 모바일쪽 하다보니 android.css 와 ios.css 를 만들어서 비교해봤다. window load 에 var deviceAgent = navigator.userAgent.toLowerCase(); var controlCss = "css/android.css"; if(deviceAgent.match(/android/i)){ controlCss = "css/android.css"; } else if(deviceAgent.match(/iphone/i)) { controlCss = "css/ios.css"; } $(".os_css").attr("href", controlCss); 해더부분에

content: ""; width: 0; height: 0; position: absolute; right: 23px; top:35px; margin-top: 6px; border-width: 7px 0px 7px 7px; border-style: solid; border-color: #fff transparent; background-color:#ccc;

.ellipsis{ white-space:nowrap; text-overflow:ellipsis;/* IE, Safari */ -o-text-overflow:ellipsis;/* Opera under 10.7 */ overflow:hidden;/* "overflow" value must be different from "visible" */ -moz-binding: url('ellipsis.xml#ellipsis'); } 처리하면 되는데 TABLE내에 하려면 TABLE STYLE 을 style="table-layout:fixed;" 를 해줘야한다

* 현재 프로젝트 진행중html5 Video TAg를 이용하여 동영상 재생시;;안드로이드 ... : control 프로퍼티가 있음에도 그냥 재생 , 재생바 , 전체 모드만 있을뿐 current time, duration 제대로 보여주지 않는다.. 자바스크립을 이용하여 표기가능!! (우왕)IOS 6 의 경우 시간까지 명확히 보여준다..서로 다른 양식을 보여줌으로 control 부분을 없애고 나머지 부분을 자바스크립트로 표현하려는 중...-_-;; 많은 차이점이 있다.IOS 에선 플레이 이전시 load 하지 않으면 duration을 표기 못하고 안드로이드에서 이상하게 플레이를 하지 못한다. - 추가사항프로퍼티의 preload = auto 로 하면 duration 알수 없으며 ISO 제대로 하는건지.. jav..

이리저리 적용한 예시 중요 CSS 부분은 #main_wrapper { overflow:hidden; width:100%; height:100%; } .navigator { position: absolute; top: 0; width: 0; height: 100%; background: #3B3B3B; overflow-y: hidden; float:left; } // 아래 이하 열기 눌렀을 경우 발생 #navigator:target { width: 220px; overflow:hidden; } .close-menu { display: none; } .page-wrap { position: relative; width:100%; } #navigator:target + .page-wrap { left:220p..