2011-03-17 79 views
3

我有一個這樣的CSS規則在我的CSS文件:IE9的CSS:第一胎

.Island_VerticalMenu:first-child { width: 100% } 

然而,當我在IE9的開發者工具查看它,它看起來像這樣:

:first-child.Island_VerticalMenu { width: 100% } 

並沒有工作。

如果我手動將它更改爲開發人員工具中的第一個,它將正確應用。

任何已知的解決方法?

更新:

* > .Island_VerticalMenu:first-child { width: 100% } 
* > table.Island_VerticalMenu:first-child { width: 100% } 
table.Island_VerticalMenu:first-child { width: 100% } 
table.Island_VerticalMenu > span { width: 100% } 
.Island_VerticalMenu:first-child { width: 100% } 
.Island_VerticalMenu:first-child span { width: 100% } 
.Island_VerticalMenu span:first-of-type { width: 100% } 
.Island_VerticalMenu > span { width: 100% } 

這些工作

PS的無。我在兼容模式下

+0

我最終通過javascript – Cine 2011-03-17 06:16:38

+0

解決它,我不認爲這會在兼容性在所有的工作模式。如果您正在使用本地文件進行CSS3編址,則必須在IE9菜單中單擊工具 - >「兼容性視圖設置」,然後取消選中「在兼容性視圖中顯示交互網站」複選框 – 2011-07-22 14:49:50

回答

3

嘗試,這可能是它有助於你

<meta http-equiv="X-UA-Compatible" content="IE=9" /> 

檢查這個thread

+0

沒有幫助。它一定是別的 – Cine 2011-03-17 06:16:21

+0

這幫我謝謝@sandeep – 2012-12-19 04:00:54