CSS3的新功能...有什麼意義？

Question

我一直在閱讀很多關於如何避免在按鈕上使用漸變和陰影等Photoshop的方法，以及如何使用CSS3 Box Shadow來實現此類功能。現在，這很棒，但顯然舊式瀏覽器和大多數IE瀏覽器尚未實現CSS3功能，所以我的問題是，爲什麼要在Photoshop中爲自己節省額外的工作時，可以使用CSS3，但是隨後可以使用Photoshop來爲其他瀏覽器查看期望的效果？這不僅僅是額外的工作嗎？

Answer 1

可以使用CSS3，但然後有使用Photoshop的其他瀏覽器看到所需的效果？

通常情況下，您並不關心其他瀏覽器是否能夠看到所需的效果。如果這只是一個微妙的背景漸變效果，該網站將工作得很好，並且在低級瀏覽器中使用平坦背景仍然看起來合理。

當CSS 2定位在這個階段時，兼容性更成爲一個問題：不支持的定位功能可能會導致不可用的佈局。但對於背景，邊框和陰影等基本上無關緊要的效果，如果效果缺失則不是關鍵。

Answer 2

世界正在前進，你不能忽視它。只要舊的瀏覽器會顯示一個按鈕，並且新的瀏覽器會顯示更好的瀏覽器，那麼您就可以。

否則，我們仍然可以工作VT100 ......爲，爲什麼使用「視窗」如果大多數顯示器不支持超過4個彩色圖形和具有80X22分辨率....

Answer 3

如果你的老闆接受了兩個版本的外觀和感覺和警告的想法。 CSS3是一個好主意。

因此，您在代碼中使用CSS3功能並忘記了不兼容的瀏覽器 - 他們會看到「低圖形版本」，您可能想要發出非侵入式警告（例如我們的在StackOverflow中獲得警報），說，"Your browser is not compatible with CSS3. To see this website in high graphics please upgrade your browser. Click the link here to update now."

但是，取決於你在哪裏工作。擁有大量資源的大公司可能喜歡堅持使用Photoshop，而且體積較小的公司可能會喜歡輕量級的CSS3代碼，這些代碼會在非兼容瀏覽器中悄悄降級。

Answer 4

有幾個原因。從開發人員/設計師的角度來看，使用CSS3可以更靈活。圖像或多或少只是靜態圖像。通過CSS，您可以使用腳本或CSS來動畫或調整樣式，並在各種技術之間實現高級集成。這使您能夠使用圖像做一些不可能或困難的事情。

使用CSS時，頁面權重也較低，這使頁面加載速度更快，特別是在速度較慢的連接或移動設備上。它也減少了HTTP請求（儘管你也可以使用數據uris），這可以減少延遲，從而加快頁面加載速度。

使用CSS通常更易於維護和更快速，因爲您可以通過更改CSS來快速調整背景顏色或陰影，而需要打開photoshop，編輯文件，重新保存等圖像。對於快速調整來說太棒了。

也有一些人（包括我自己）在代碼上比使用圖形包更舒適。對我來說，使用CSS更容易，但你的milage可能會有所不同。

另外從瀏覽器的角度來看，我們希望將Web平臺向前移動並增加功能。SVG是另一種技術的例子，它不適用於所有瀏覽器版本，但增加了很多功能。雖然這可能無法部署使用某些CSS3屬性或SVG無回退，現在網站（取決於你的觀衆或客戶端）會出現在未來的時候，舊的瀏覽器都死了，我們今天將適用於所有用戶。例如，有一段時間，大多數CSS2.1都不被支持，而現在如果你不需要爲IE6設計的話，現在你可以依賴大部分CSS2.1。

有CSS3，你可以愉快地使用無回退，如果你不需要所有的瀏覽器看起來相同客戶端的某些部分。 border-radius就是一個例子，或者爲舊瀏覽器提供純色回退，併爲新瀏覽器應用透明度。

Answer 5

那麼你可以隨時使用ChromeFrame，強加給IE好的行爲。假設有很多產品會堅持它在不久的將來（是的，我們會反對這一點），有機會，大多數IE用戶將有chromeFrame甚至在你的應用程序會堅持它。一旦你做出了這個決定，使用CSS3屬性或HTML5元素的決定是 - 好吧 - 是的！

• 馬文