IT를 표현

여러 행사에서 팝업 부서 / lightboxes / 팁과 페이지 레이아웃을하고있는 동안은 우리는 몇 가지 양식 SELECT 객체 설계에 의해,이 팝업 사단의 아래에서 일어나는 그것을 통해 보여주는 상황을 본적 등 .... 불쾌해!

글쎄! 당신은 쉽게 FF와 IE7을 위해 적절하게 Z-인덱스 값을 조정하여이 문제를 해결할 수 있습니다. 그러나 좋은 옛날 (웃기 의도) IE6이 의도한대로 동작하지 않습니다 .... 당신이 당신의 팝업과 ... 으악!! 약간 크게 높은 Z-인덱스 값을 적용 후에도 통해 SELECT BOX 쇼!

이 문제에 대한 수정은 없습니다하지만,있다, 나는 믿고, 당신에게 대부분의 나를 위해 잘 작동 제가 사용하는 가장 간단한 솔루션을, 말할 임 여기에 몇이 문제를 해결 -하는 방법,하지만보다 더 가지 경우 ....

"당신이 팝업을 표시하면 루즈 선택 상자 숨기기"

단순히 여러분의 스크립트 스니펫 (snippet)에서 귀하의 팝업을 보여, "숨겨진"로 선택 상자의 가시성을 설정하는 스크립트의 조각을 추가

document.getElementById ( 'my_select') style.visibilty = "숨겨진".;

그리고 팝업 부문 가깝게 다시 설정 기억

. document.getElementById ( 'my_select') style.visibilty = "표시";

여기서 "my_select"는 자극 SELECT 박스의 ID입니다

이게 도움이 되었으면 좋겠 ...

PS. 동적 팝업 DIV 아래 IFRAME합니다 (팝업과 동일한 크기) positionining 같은 당연히 다른 옵션이 있는데 ... 이것도 잘 작동하지만, DOM 요소, 스크립트 및 두통의 하중 이외에. 나도이 솔루션을 사용하고 있고, 당신이 할 경우이 옵션과 관련하여 도움이 전혀 필요 알려주 않습니다. 기꺼이 도와 것이다!

나이 들면, 모든 모범 사례를 통합할 생각했습니다, 지금하고있는 모든 책을 읽고있다. 드디어! 나는 펜을하고 내려와 있지. 나는 그것이 맘모스 문서를 만드는 거대한 작업이 될 것을 깨달았다, 그래서 그것에 전체 범주를 헌정하기로 결정, 그래서 같은 우수 사례에 대해 물건을 추가할 수있다 그리고 나는 그들을 만날 때 ...

글쎄! 여기 내용은 야후, 구글 등 표준 개발자가 작성한 기능과 개인의 UI 개발 모범 사례의 융합 될 것이다

이 공간을보고 browing 유지 우수 사례 범주

CSS의 재설정 / CSS는 다양한 브라우저에 걸쳐 일관성을 만들어 특정 기준에 요소 스타일의 수를 설정할 수 있습니다된다.

우리 모두 크로스 브라우저 CSS의 쓰기의 악몽을 통해 왔습니다. 그래서 우리가 CSS를 쓰기 시작하면, 그것은 어떤 크로스 브라우저 불일치를 제거 / 재설정하는 것이 먼저 재설 정할 수있는 연습입니다. CSS를 재설정, 당신은 당신에게시 구축을 시작하는 깨끗한 기지를 제공하여 CSS를 시작하는 CSS의 간단한 몇 줄 수 있습니다.

제가 정상적으로 사용하는 경향이있는 CSS를 리셋은 다음과 같습니다

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

마셨다, UL {
목록 스타일 : 없음;
}

H1, H2, H3, H4, H5, h6 {
글꼴 크기 : 100 %;
글꼴 두께 : 정상;
}

브라우저 글꼴 크기를 재설정
또한 다음과 같은 라인에있는 브라우저의 글꼴 크기에 적용되었습니다 재설정합니다 ...

html {font-size: 76%;}

위의 CSS를 재설정 브라우저 글꼴 크기를 10 픽셀로, 이것은 가능한 상대적인 글꼴 크기 (prespective WAI 준수의 모든 중요한지) 작업할 수
예를 들어, 다음 정의에서, 스팬의 글꼴 크기는 10 픽셀과 그 paragarph에 14 픽셀로 설정되어로 설정됩니다 ...

span {font-size: 1em;}
p {font-size: 1.4em;}