2009-08-07 125 views
8

我想弄清楚哪些瀏覽器當前(本地)支持CSS3 layout moduleCSS3佈局模塊瀏覽器支持

基本上,我正在開發一個特定的環境,我可以指定使用什麼瀏覽器,而CSS3將加快開發時間,所以嘿 - 爲什麼不呢?

什麼我專門講的是

body { 
    display: 'aaa' 
      'bcd'; 
} 

,並能夠插槽頁面元素到佈局,像這樣:

div#div1 { position: a; } 
div#div2 { position: b; } 

(Div1的頭,和DIV2是左側邊欄)

回答

4

我很確定目前沒有瀏覽器實現它。我不希望任何瀏覽器都能很快實現它。

它還不夠成熟。這只是一個working draft,在將要變成任何瀏覽器實現者將開始着手之前,仍然需要大量的關注和討論。例如,(至少)有2個相關建議:Grid PositioningMatrix Layout

Mozilla's bug tracker,但目前這只是未來關注的佔位符。 Webkit bug跟蹤器中根本找不到它。

如果你想了解更多關於這些佈局模塊的持續狀態,你應該遵循www-style mailing list

5

Opera擁有最好的CSS3支持,其次是webkit(safari)。我建議在Opera上測試看看有什麼作用。

這裏是一個兼容性圖表(可能是過時的) http://geocities.com/seanmhall2003/css3/compat.html

這一次似乎更好:http://westciv.com/iphonetests/

要小心,大部分CSS3屬性通過前綴支持(因爲CSS3是不是最終的) 。對於歌劇,前綴是-o-,對於webkit則是-webkit-。即:-o-text-shadow。

更新:有一個佈局模塊的Javascript實現:http://a.deveria.com/csstpl/。我自己並沒有使用它,它帶有一個問題,你必須等待所有的頁面加載,然後才能完整地渲染。如果您正在局域網上編寫Intranet應用程序,這可能會產生微不足道的影響,但會導致連接速度緩慢,從而導致頁面無法響應。

+0

良好的鏈接 - 我很想投票,但在我看來,沒有人真正關心誰在實現佈局'display:「abc」「ddc」'。也許我錯過了什麼,或者應該指定我的問題furthur ... – Stephen 2009-08-08 12:06:22

+0

我必須添加(在閱讀我的評論之後),不關心的是沒有關注的網站是列出css3兼容性的網站,而不是你(誰照顧,因爲你回答:)) – Stephen 2009-08-08 12:18:47