2012年8月7日 星期二

不同版本的IE 瀏覽器套用 CSS 技巧

最近寫 CSS 發現 IE 在各版本的 CSS 呈現結果不盡相同,

為了要讓各版本的內容可能看起來一樣

這時候只好針對各個版本做編輯其 CSS 內容

為了達到這個目的,我們需要使用條件註釋(Conditional Comments)來解決

如下列內容,當IE版本小於等於(less then or equal)則將增加使用 .item.itemName 樣式

<!--[if lte IE 9]><style>
.itemRow {
    height:100%;
    display:block;
}
.itemName {
    height:100%;
    display:inline-block;
    vertical-align:middle;
}
</style><![endif]-->