如何處理CSS3規範。以有用的方式？

CSS3規範在部分實現的主要瀏覽器中，用較少的代碼就可以得到非常好的結果，但有很多理由不使用CSS3。例如。不兼容向下，在不同的瀏覽器可能不相似renderd視圖等如何處理CSS3規範。以有用的方式？

所以我問自己：這是無論如何使用CSS3與選項默認攔截的問題，就像我上面discribed的最佳方式？

2009-08-06 ChrisBenyamin

只要您的網站優雅地退化，現在就使用CSS3沒有任何問題。畢竟，如果瀏覽器不理解某個特定CSS規則會忽略它：

#foo { 
    border:1px solid #000; /* shown by all browsers */ 
    border-radius:5px; /* shown if browser understands border-radius */ 
    -moz-border-radius:5px; /* Firefox only */ 
    -webkit-border-radius:5px; /* Safari and Google Chrome */ 
}

只要該網站看起來不是不支持，你想，然後使用您的CSS3規則打破瀏覽器應該沒問題progressively enhancing您的網站在支持它們的瀏覽器中。

來源

2009-08-06 12:46:00

當然，你是絕對正確的，但讓我舉個例子：你有一個特定的設計，例如一個帶圓角和陰影的盒子（css 3 spec：border-radius和box-shadow），你想要這個設計，以及瀏覽器無法顯示/渲染它。如何確保這種設計？我的第一個想法是實現第二個CSS佈局，並考慮使用頁面的頭部。 - 但這是合理的還是一種很好的編程方法？ – ChrisBenyamin 2009-08-06 12:54:16

@Chris這是漸進式增強的一點 - 全功能瀏覽器將顯示最佳版本，帶有花裏胡哨的功能，而舊版瀏覽器將顯示足夠的但不太漂亮的版本。您無法在所有瀏覽器中使它看起來一樣，並使用所有新功能。 – Skilldrick 2009-08-06 13:10:12

@ChrisBenyamin Like @Skilldrick說：「你不能讓它在所有瀏覽器中看起來都一樣，並且使用所有新功能」。別忘了，大多數用戶不會在多個瀏覽器中查看網站，所以只要它看起來不壞，那麼您應該可以使用盡可能多的CSS3。 – 2009-08-06 13:27:20

如果你做一個公共網站，那麼你必須支持IE6，這意味着沒有CSS 2.1，更不用說3

有一兩件事你可以嘗試是：lesscss

這將讓你使用速記CSS表示法並將其「編譯」爲有效的構建CSS。

來源

2009-08-06 12:31:47

IE6已經死了，萬歲IE6！ ;-) – IrishChieftain 2010-03-25 21:29:18

您可能會發現"When can I use..."對於查看您可以合理使用的功能很有用。

來源

2009-08-06 12:35:47 Guffa

偉大的鏈接。你需要耐心等待IE7過期！ – Skilldrick 2009-08-06 12:44:21

如何處理CSS3規範。以有用的方式？

回答

相關問題