IE 10坑爹兩則

最近把公司電腦升級了IE 10，然後做某網頁在firefox下調試，但到IE裏面就出問題了。

第一個是給body設置box-shadow，然後min-height:100%，但IE的body上下都有margin，同時height:100%失效。

這個需要設置：

html{height:100%}
body{
    box-shadow:0 0 5px #000;
    padding:0;
    margin:0;
    min-height:100%;
    height:100%;
}

其中設置html的height爲100%，但不設置body的height的話，firefox下顯示正常，但IE 10雖然body的height是100%，但下面還是有margin，這是因爲IE對min-height的解析，並不將它解析爲height，因此必須定義它。

第二個是fieldset，若設置border爲none，則IE 10下面的legend元素下沉，沒有那種冒出頭的效果了，而這個在firefox下還是顯示正常的，這個沒有辦法，只有設置border，但可以將border顏色設置爲透明transparent，如下：

fieldset{
    border:1px solid transparent;
}

只有這樣才能hold住，正常顯示。

但是這樣會有1px的border，如果是進行像素級的定位，需要注意。