我正在使用圖像對角線對齊的網站上工作。這些圖像非常簡單，並且裏面有一些文字，所以我可以使用圖像或CSS3 transform: rotate和border-radius屬性（具有所有專有擴展名）授予該效果。CSS3變換旋轉與使用圖像
但是，我想知道是否有顯着的優勢，使用一個在另一個。我在想也許只有CSS的選擇會加載速度更快，但缺點是每個圖像使用更多的代碼。儘管使用圖片，但我仍然需要爲每個元素進行很多定位。此外，第一種情況下的CSS不會使用特定於瀏覽器的擴展進行驗證，如果我仍然確保該網站在大多數瀏覽器中正確顯示，這一點有多重要？
是否有使用這些選項中的任何一個的一般方法？你會推薦什麼？如果你的用戶羣很大一部分與IE瀏覽則：
使用CSS3的，與圖片，最好是由你需要支持Internet Explorer（或其他老，或CSS3，不知道，瀏覽器）回答你應該使用圖像。
如果你只對後面的，更符合標準的瀏覽器（可能包括IE9，但我還沒有經驗）感興趣，那麼CSS 3可能是更好的選擇，因爲它可能涉及更大的CSS文件，但它確實允許您在將來更輕鬆地切換佈局，而無需爲新設計創建/重新創建一組新圖像。
當然，您可以將兩種方法結合使用：將CSS 3用於兼容的瀏覽器，但包含特定於IE的樣式表（conditional comments），以提供圖像作爲構建設計的背景圖像。當然，這可能是很多工作，但是。
你是對的David。我正在考慮一個特定於IE的CSS並使用-ms-filter來進行補償，但是對於這個瀏覽器來說，圖像可能更容易。我想嘗試CSS3的其他一些可能性，所以我可能會去那裏:) – brunn
我會誠實地爲此推薦一個圖像。 CSS3很酷，但不支持它的瀏覽器可能會破壞你的佈局。另外（可能更重要的是），文本確實需要適當的消除鋸齒，以便在旋轉或縮放時可讀，並且可以更好地控制圖像。
反走樣是一個很好的觀點，我沒有考慮它。我猜想，只能使用CSS生成的文本圖像。我現在做了一些測試，Opera和Chrome看起來不錯，但是FF顯示的文本稍微不平衡。 – brunn
兩件事情我想你應該考慮在這裏：
圖片是爲那些在移動設備上的殺手鐗。因此，如果您針對那些使用移動設備的用戶或希望擁有大量移動用戶，則可能需要重新考慮使用大量圖像（並讓用戶支付一噸的帶寬）。
文本在您的圖像（如果您使用的圖像）將不會被搜索引擎搜索，並不會爲那些訪問問題訪問，除非你是善於在alt標籤填充。 ;-)
謝謝賈森。我也瞄準移動設備，也是重新考慮圖像的另一個原因;我非常嚴格，當涉及到填寫替代標籤，所以沒有問題:) – brunn
謝謝你的回答。我選擇了David，因爲我選擇了這個設計，但是你的意見也會幫助我防止其他一些問題:) – brunn