HTML是否有等效的CSS最大寬度，邊框半徑，陰影框和-…-過渡？

Question

在我的網站上，除了Internet Explorer以外，在任何瀏覽器上看起來都很棒。 我知道較早版本的Internet Explorer不支持CSS3，所以我想知道HTML中是否有與這些方法等效的方法： max-width: ， border-radius: ， box-shadow:和transition:

任何幫助，將不勝感激。

Answer 1

對於border-radius和box-shadow有http://css3pie.com/，但這需要IE中的Javascript。 我猜對於僅HTML的解決方案，您必須使用圖像。

Answer 2

您正在尋找一種方法來獲取在不支持CSS的瀏覽器中呈現的CSS的一些較新功能（或者希望您忽略了舊的瀏覽器，而是使用支持某些CSS但不夠用的瀏覽器版本以您的口味）。 這些瀏覽器已經過時了，您不會因為避免使用CSS而無法正常工作。

如果您走得足夠遠，您實際上可能會在某個時間點結束，那時HTML中可能存在的事情不在CSS中出現。 但是，已經有一段時間了，CSS是使此類工作正常運行的最佳選擇。 如果它不起作用，通常意味着瀏覽器根本不支持它，而不是它不通過CSS支持。

當然，您可以嘗試一些魔術，並嘗試使用javascript來偽造事物，但這是不一樣的。

Answer 3

我建議使用modernizr 。 它檢測瀏覽器是否支持不同的css3（和html5）功能，如果不支持，則可以有條件地加載javascript作為后備解決方案。

Answer 4

Internet Explorer 9支持max-width ， border-radius和box-shadow ，但不支持transition 。

我個人不認為CSS應該具有transition （或animation ），因為樣式應該影響內容的顯示方式，而不是其行為方式（出於這個原因，我也反對IE擴展的behaviour ）。

總體而言，您所要求的這些樣式是美觀的，並且如果用戶所使用的瀏覽器不支持這些樣式，那么它們並不是真正的主要問題。