ITを表現する

いくつかの場面で、ポップアップ部門/ライト/ヒントを使用してページレイアウトをしている間は、我々が何らかの形でSELECTオブジェクトが設計することにより、これらのPOPUP部門の下にあることを起こる、それが透けて状況に遭遇formula要素.... YUK！

よく！ 簡単にFFとIE7のために適切にZ-INDEX値を調整することによってこの問題を解決可能性があります。 しかし、グッド·オールド（しゃれ）IE6は意図したとおりに動作しません.... でも、あなたはポップアップ部にいくつかの大幅な高Z-INDEX値を適用した後、SELECT BOXショーを通じ、...がっかり！！

この問題に対する修正はありませんが、ありますが、私は信じて、この問題を回避するには、いくつかの方法よりも、しかし、のほとんどで、私のため正常に動作している、あなたに私が使用する最も簡単な解決策を教えてここでイム例....

"あなたがPOPUPを表示するときROUGE選択ボックスを隠す "

単にあなたのスクリプトのスニペットで、あなたのポップアップを表示する場合には、 "hidden"にSELECTボックスの可視性を設定するスクリプトの一部を追加する

のdocument.getElementById（ 'my_select'）style.visibilty = "隠された";

そして、あなたのポップアップ部門のCLOSEにそれをセットバックすることを忘れないでください

のdocument.getElementById（ 'my_select'）style.visibilty = "見える化"。

"my_select"は刺激選択ボックスのIDです。

この情報がお役に立てば幸いです...

PS。 動的にポップアップDIVの下にIFRAME（あなたポップアップと同じサイズ）をpositioniningようにofcourseの他のオプションがあります...これはあまりにも動作しますが、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;}