上兩篇文章“
Div+css瀏覽器安全色執行個體分析（一）和
div+css瀏覽器安全色執行個體二：css hack的理解”兩篇文章都是講了關於div+css與瀏覽器的相容的問題。今天的這篇文章主要講了：IE6對一些css樣式屬性的不支援。瞭解IE6不支援哪些屬性，我們就可以根據瀏覽器有針對性的去寫
css樣式代碼和hack了。
1．outline屬性：
outline（輪廓）是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。
outline屬性是一個簡寫屬性，用於設定元素周圍的輪廓線。
注釋：輪廓線不會佔據空間，也不一定是矩形。我認為outline屬性好就好在，字不佔據任何的空間。outline的作用就像border一樣也是為了突出某個元素，但是如果是某些塊及元互的話，如果加border的話，整體的寬度會增加2px. 因為outline不支援IE瀏覽器，所以我們經常用borde屬性。2.
Inherit (值)屬性：
inherit
故名思意是“繼承”的意思。所以它所表達的值也是繼承相關的了。通過在特定元素上設定某些樣式來告訴該元素 “繼承”它父級元素的所有已添加的屬性，這樣你就可以避免相當多的鍵盤輸入。
這可以通過設定 inherit 來很容易的實現。比如，當重寫 background 屬性的時候，常常會有很多的文字在該屬性中(色彩、圖片的URL地址、位置等)。所以，與其重新寫這些值，你可能僅僅想要考慮中的元素和其父級元素有相同 的背景屬性，一個 inherit 值就可以搞定一切——這顯然大大的節省了鍵盤輸入。給大家一個簡單的inherit 小執行個體你會很明白了：<html><style>body { color: red; background: green ;}h1 { color: yellow; background: blue ;}p {color: white ; background: black ;}em {color: inherit ;} /*這個"繼承"是預設的，可以不寫*/</style><body><h1>aaa <em>繼承的文字</em> aaa</h1><em>繼承的文字</em><p>P中間的文字</p><em>繼承的文字</em></body></html>
很可惜的是inherit 值在IE6和IE7不被支援（除了用於 direction (文字方向) 和 visibility 屬性）。
3
．
Empty-Cell
屬性
empty-cells屬性設定是否顯示表格中的
空儲存格（僅用於“分離邊框”模式）。
注釋： IE瀏覽器不支援此屬性。繼承性：YesEmpty-Cell屬性的兩個值：
| hide |
預設。不在空儲存格周圍繪製邊框。 |
| show |
在空儲存格周圍繪製邊框。 |
執行個體如下：table{ empty-cell:show; }該屬性只用於table或者”display”屬性被設定為”table-cell”的元素。如果你動態為一個table新增內容，就可能會遇到某個儲存格的內容為空白的情況，然後你又不希望這個空的儲存格的邊框、背景色、背景圖片等隱藏掉, ”empty-cells: show”解決這一問題。相反可以用”empty-cells: hide”它會將會使儲存格完全隱藏掉。4．
Caption-Side
屬性設定或檢索表格的caption對象是在表格的那一邊。它是和caption對象一起使用的屬性說到table 的屬性，這個屬性用於聲明顯示在表格的側欄的表格標題。它接受 top 、 bottom 、 left 和 right 四個值。
Css樣式樣本：
table caption { caption-side: top; width: auto; text-align: left; }由於時間原因就先介紹這幾個屬性，請繼續關註：IE不支援的實用的CSS屬性詳解（附執行個體）（二）
註明:連結中去掉(listly)
執行個體:http://www.po-soft(listly).com/blog/listly/384.html
