cssにおけるposition:relativeとoverflow:hiddenの問題
今日、Webページを作成するときに、親ラベルにoverflow:hiddenを使用した問題を発見しました.の場合、サブタブにエレメントのpositionがrelativeに設定されている場合、IE 6およびIE 7の親エレメントのoverflowは機能しません.IE 8、FF、Chromeには通常次のコードが表示されます.
次のような効果が得られます.
ソリューション:親ラベルのpositionもrelativeに設定します.コードは次のとおりです.
効果は図のようになります.
効果は上図のように正常に表示されます.
次のような効果が得られます.
ソリューション:親ラベルのpositionもrelativeに設定します.コードは次のとおりです.
効果は図のようになります.
効果は上図のように正常に表示されます.