你認爲在頁面上使用很多CSS3的東西是不好的嗎？

我相信下面的css被認爲是css3，如果不是的話，那不是，但我的問題仍然適用於下面的代碼。你認爲在頁面上使用很多CSS3的東西是不好的嗎？

您是否認爲下面的代碼會損害用戶的性能/渲染時間或任何事情，如果它被用於一個頁面上的50個不同圖像的例子？

添加曲線和陰影

-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-box-shadow: 0 1px 3px #999; 
-webkit-box-shadow: 0 1px 3px #999;

和這樣的東西

使用RGB顏色

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
border-bottom: 1px solid rgba(0,0,0,0.25);

來源

2009-08-20 JasonDavis

至於喬納森·桑普森的評論：

我不會說這是有史以來壞使用的東西，沒有被廣泛支持，因爲我們從來沒有進步的新技術（如開發一個社會）如果每個人都這樣做。然而，它肯定有風險，你必須期待它會花費你更長的時間。

就這樣說，jasondavis並沒有抱怨他的選擇。

我個人認爲這不會損害50張圖片左右的表現。但是，請確保您沒有在頁面上的n（無限制）圖像上使用它，並且確保您沒有使用任何代價高昂的JavaScript操作，這些操作會導致這些渲染必須重新渲染多次排（如某些動畫或運動效果）。當然，一定要在所有目標瀏覽器中進行測試。

來源

2009-08-20 01:52:43 JoshJordan

謝謝，你回答了真正的問題+1 – JasonDavis 2009-08-20 02:03:25

我不是故意暗示它*不好用*沒有廣泛支持的東西。我說不要*依靠他們:) – Sampson 2009-08-20 02:08:22

爲了安全起見，不靠那都不算事廣泛支持。

來源

2009-08-20 01:42:08 Sampson

我想測試一下 - 儘可能多的系統上。顯然IE會忽略所有邊界的東西，Firefox（截至目前）不會理解陰影。（我認爲這只是webkit）。

另外，如果你提供了一個「有效的CSS」鏈接，你就必須添加一個GET參數去告訴驗證器來驗證它作爲CSS3。

我不記得供應商的前綴是否通過驗證。

UPDATE

其實，我覺得影子的東西可以作爲火狐3.5

來源

2009-08-20 01:44:53 alex

的這取決於如果你依靠這些功能，或者不。這個想法是，在可能的情況下，網站應該在舊瀏覽器上優雅地退化。在菜單項下放置陰影很好，因爲如果不支持，陰影沒有陰影。沒關係。

一個很好的選擇對於像彎曲角處是使用一個jQuery插件，會simpply使用CSS3，如果他們支持Firefox和WebKit的屬性，如果沒有它會使用JavaScript。這樣你就可以在瀏覽器中獲得一致的外觀，而無需使用最小公分母或使用Javascript來處理所有事情。

來源

2009-08-20 01:50:37 cletus

是的，我得到了這個覆蓋，我只是想知道在1頁上多次使用這些類型的功能是不是很糟糕？ – JasonDavis 2009-08-20 02:02:12

我使用彎曲的角落很多東西，但沒有那麼多，頁面依賴於它們。對於那些使用現代瀏覽器的人來說，它使網站看起來更加美好。

來源

2009-08-20 02:26:41 codedude

你認爲在頁面上使用很多CSS3的東西是不好的嗎？

回答

相關問題