끄적대기

<script type="text/javascript"> $.fn.setEqualHeight=function() {     var maxHeight=0;     var maxElement=null;     $(this).each(function(i) {         var hei = $(this).outerHeight();//padding,border값을 포함한 높이         if( hei > maxHeight ) {             maxHeight=hei;             maxElement=this;         }     });               $(this).not($(maxElement)).each(function() {         var rehei = maxHeight-($(this).outerHeight()- $(this).height());         $(this).height(rehei)     }) }     $(document).ready(function() {         $('.content1, .content2, content3......').setEqualHeight();     }); </script> 출처 http://defle.nayana.com/board/view.php?bbs_code=jquery&ot%5Bbd_view_count%5D=1&bd_num=1318

opacity: 0.5; /* All modern browsers including IE9 */ filter: alpha(opacity=50); /* IE5-IE9 */ ie filter 철자 아직까지 안외움...

분명히 ir기법으로 많이 써봤던 것 같은데 난 이 버그를 왜 이제야 보게 되었지? 지금까지 수많은 작업을 해왔는데 이렇게 안써봤을리도 없을텐데 말이야... 상황은 간단했다. 버튼 이미지를 가운데 정렬시키고 :hover를 하기 위해서 배경이미지로 넣었는데... CSS는 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ display:inline-block; text-indent:-9999px; background:#url() no-repeat 0 0; ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 그런데 ie에서 text-indent 이녀석이 배경이미지 까지 날려버리네...ㅎ 해결 방법으로는  ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ display:inline-block; /*text-indent:-9999px;*/ line-height:-9999px; vertical-align:bottom; background:#url() no-repeat 0 0; ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 위의 방법이 안될경우에 아래의 방법을 사용 이 방법이 젤로 좋은 듯... font-size:0; line-height:0; text-shadow:none; color:transparent; ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 아...찜찜해...별로 좋은 방법도 아닌것 같다. 단순하게 생각하면 그냥 이런 상황을 만들지말자.

1. 가로/세로 전환시 폰트 고정 -webkit-text-size-adjust:none; viewport에서 maximum-scale가 있어야 하고 값이 1.0일때만 반응. 2. viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" /> 3. 상단 url바 숨기기 <script type="text/javascript"> window.addEventListener("load",function(){  setTimeout(scrollTo,0,0,1);  },false); </script> 4. 전화번호 기능 <a href="tel:000-0000-0000">전화걸기</a> <a href="sms:000-0000-0000">문자보내기</a> <a href="sms:">문자보내기 실행</a> 5. 키보드 호출 <input type="text" /> <input type="search" /> <input type="tel" /> <input type="url" /> <input type="email" /> <input type="time" /> <input type="number" /> <input type="datetime"