1

境界線がしっかりするようにフィールドセットのスタイルを設定したいと思います。

だから私はそれをこのようにスタイリングしました...

fieldset {
    margin: 5px;
    padding: 20px;
    border: solid orange;
    border-width: 30px 1px 1px 1px;
}

fieldset legend {
    background-color: orange;
    line-height: 30px;
    /* uncomment line below for IE8 */
    /* margin-top: -50px; */
}

そして、ほとんどのブラウザ(IE9、Chrome、FF14)ではこのように見えます...

それがどのように見えるべきか

これをIE8で動作させるのに問題があります。凡例を適切に配置するために-veマージンを追加しましたが、凡例の両側に2本の垂直の白いバーがあります...

MSIE8で

フィドル... http://jsfiddle.net/spiderplant0/NmwuC/

IE8の白いバーを取り除く方法はありますか(IE7、IE6などは気にしません)?

(ちなみに、HTMLはDrupalフレームワークによって生成されるので、HTMLの変更を伴わないソリューションをお勧めします。)

4

1 に答える 1

2

確認してIE8に変更しました。http://jsfiddle.net/NmwuC/16/を確認してください

これはIE8専用です。

于 2012-07-25T13:25:10.170 に答える