香港居民

투명도 트윈을 준 텍스트 객체 중 색상이 들어간 애가 트윈이 진행되는 동안 툭 튀는 등의, fickering 현상이 있는 경우가 있다, 딱히 ie 구버전에 발견되는 건지는 확인해보지 않았으나 하얀 텍스트는 괜찮은데 색상이 들어가면 투명도 애니매이션시 튀는 현상이 보인다 -webkit-backface-visibility: hidden; 약간 불안하지만 이거 주니 해결이 된다

ie8 에서 부모 객체에 투명도를 줘도 자식객체는 투명도가 전혀 먹히지 않는 경우가 있다 부모에게 absolute 포지션이 들어가는 경우 그럴 수가 있는 듯 출처 : http://stackoverflow.com/questions/6145061/is-there-any-way-to-have-opacity-apply-to-absolutely-positioned-child-elements-i .parent{ position: absolute;left: -1px;top: -1px; width: 258px;height: 327px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opac..

참조 : http://www.w3schools.com/tags/tag_i.asp (emphasized text) (important text) (marked/highlighted text) (the title of a work) (a definition term) defines a part of text in an alternate voice or mood. The content of the tag is usually displayed in italic.

· 가운데 점 ·© ( 카피라이트 ) © ® (registered trademark) ®

태그 안에 긴 텍스트를 넣을 경우 정해진 가로 길이에 도달하면 자동으로 줄바꿈이 되지 않는 경우가 있다. word-break: break-all; wrod-wrap:break-word; 별짓을 다해보지만 가끔 안된다.. /* Browser specific (not valid) styles to make preformatted text wrap */ pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* I..

보통 애시키의 height: 100% 는 부모 높이의 100% 를 가져온다위의 경우라면 900픽셀이 애시키의 높이가 되야하는데ie7 나브랭이는 조부모의 100% 를 먹는 경우가 있다. 저럴 경우애시키 에다가 height: 100%; 외에 max-height: 100%; 를 같이 써줘야부모 높이인 900픽셀을 처먹는다. 나같은 경우는 부모높이가 유동적으로 잡히고 애시키의 높이는 부모높이보다 낮은데 세로 중앙정렬을 해줘야해서 애시키의 높이가 늘 부모높이의 100%를 먹어야 하는상황이었다.스크립트로 애시키한테 일일히 부모높이를 처먹여줄수도 있었지만, 단페이지가 아니라공통적으로 들어갈 부분이길래 스크립트보다는 스타일단에서 조금 해결책이 필요했다.

@file: "test.css"; @url: "@{root}@{file}"; .px{ background-image: url(@url); } 이러면 된다네.

page-break-before, page-break-after page-break-after: 프린터를 이용해 출력 할때 다음 페이지로 넘기는 부분을 할수 있다.page-break-before: 그 반대다 ex) A B A까지 출력하고 B 는 다음페이지로 넘긴다. ex).html---- .css ---- @media print{#torso{page-break-after: always;}} 마찬가지 torso까지만 출력하고 torso_2 는 다음페이지에 출력한다.

legend{position:relative;left: -7px;} ie 7에서 legend 가 7픽셀만큼 들여써지는 버그 픽스 실제로 사용했던 예 legend{display: block;margin: 0;padding: 0;position: absolute;left: 20px;*left: 13px;top:20px;font-size: 1.3em;font-weight: bold;} 각 브라우별 css 핵 마크 IE6 and IE7 are the bastards of the web design world. We all know it. IE6 more so. To get around the inadequacies and bugs of IE6 and IE7, I see people going to great l..

플래시에 wmode 가 지정되지 않으면 가령 modal 팝업같은 것을 iframe을 이용해 전체창에 띄우게 될때 iframe 따위는 가볍게 무시하고 플래시가 언제나 제일 상단 depth 를 차지하고 위에 떠있는 것을 보게된다. z-index 가지고 아무리 지랄을 해도 안된다. 플래시 모드를 넣어주자 예를 들면 이렇다 이거다. 이지랄을 해도 안되는 경우를 한 번겪었는데 그땐 내가 퍼블리싱을 하고 있지 않아서 어떻게 해결됐는지 모르겠다.