HTML中fieldset標籤設定圓角時如何相容IE瀏覽器

1樓：星舞步

fieldset標籤在不同瀏覽器顯示效果是不同的。

在ie6、ie7、ie8、ie9下fieldset的padding值為0，firefox5、chrome13下左右內邊距約為12px。當把legend設為width：100%時，ie6、ie7出現水平滾動條，且legend與fieldset內其它內容沒有對齊。

解決方法為legend在ie6、ie7單獨設定margin:0 -7px。

fieldset

legend

建議還是直接css寫。

2樓：一動出行

border: 1px solid #009;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

試一下這樣看看！

webkit核心的瀏覽器支援「-webkit-border-radius: 10px;」屬性（10px是圓角半徑），可以直接解析出圓角；firefox瀏覽器支援「-moz-border-radius: 10px;」屬性，也是可以直接解析出圓角；ie系瀏覽器則需要加上「border-radius:

15px;」的屬性。

3樓：讓位額頭

目前好像讓所有瀏覽器都相容的圓角辦法就是做圓角的背景圖

html語言裡，標籤