顯示具有 技術文件 標籤的文章。 顯示所有文章
顯示具有 技術文件 標籤的文章。 顯示所有文章

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]-->