MW211 EXIT

devlog
CSS/IEのfieldsetの背景色
2014年02月04日
IE8以前の場合、fieldsetの背景色が枠線をはみ出るというバグがあった。

若干見栄えが悪いだけで致命的な問題ではないので、
時が過ぎる(新型IEが主流になる)のを待つのが賢明かと思われるが
そうも言っていられない場合の悪あがき方法。

以下のように、legendタグをabsoluteにして浮かせた形にしてしまう。
┌──────────────────────────────────────┐
│fieldset {                                                                  │
│    position            :relative;                                          │
│    padding-top         :0.75em;                                            │
│    margin-top          :0.5em;                                             │
│    background-color    :#CCCCCC;                                           │
│}                                                                           │
│legend {                                                                    │
│    position            :absolute;                                          │
│    top                 :-0.5em;                                            │
│    left                :0.5em;                                             │
│    background-color    :#FFFFFF;                                           │
│}                                                                           │
└──────────────────────────────────────┘
分類:CSS