製作具有HTML

我打算回答瀏覽器兼容性問題。 5點開始使用一些廣泛支持的屬性：margin,position,display，顏色，寬度，高度，border和上/左/右都是css 2.0屬性，並沒有太大改變（如果有的話）？ css 3. Css 2.1在中達到'推薦'狀態，所以這些屬性應該在爲任何仍在運行的手機發布的移動瀏覽器中統一支持。最初的iPhone於2007年發佈，其移動版本爲Safari 3。 Browser support on Android非常簡單，因爲製造商和最終用戶有多種不同的瀏覽器選擇。

這只是留下了以下屬性：

-moz-transform: rotate(35deg); 
-webkit-transform: rotate(35deg); 
-ms-transform:  rotate(35deg); 
-o-transform:  rotate(35deg);

-moz-transform指Mozilla的，這意味着Gecko layout engine。支持-moz-transform的前綴爲13.5，前綴爲-moz，標準CSS3屬性爲transform的值爲16.0。

現在，Safari使用webkit渲染引擎，它與Chrome和many other browsers共享。爲-webkit-transform支持：

狀況的-webkit轉換特性是可用於：

對於2D變換：

Safari 3.1或更高版本

奧斯2.0和更高

Google Chrome 1.0及更高版本

-ms-transform在IE9.0及更高版本中受支持。它在IE10中被棄用，它支持CSS3標準transform屬性。（Source。）如何轉換爲Windows移動支持，我不知道。但是，Windows仍然可以在移動領域捕獲市場份額的單個數字。

-o-transform指Opera，它實際上已轉換到Webkit渲染引擎。但是該屬性增加了'Presto 2.4'，該版本與Opera 10一起發佈，用於桌面和移動設備，似乎已在December 10, 2009上發佈。

哦，如果你決定使用css明星，你應該添加CSS3 transform屬性到任何需要它的規則。即添加

transform:  rotate(35deg);

到star-five規則，

transform:  rotate(-35deg);

到star-five:before規則，

transform:  rotate(-70deg);

到star-five:after規則。

來源

2013-03-06 21:47:38

Font support to BLACK STAR是有限的，所以情況取決於系統中安裝的字體多於瀏覽器上的字體。爲了克服這個限制，你可以通過@font-face作爲可下載的字體使用合適的字體（至少對於明星來說）。有幾種包含BLACK STAR的免費字體，例如DejaVu字體，Linux Libertine和Symbola。有關使用特殊字符的一般說明，請參閱我的Guide to using special characters in HTML。

當然，還有其他方法。最簡單，也許最好的替代解決方案是隻使用圖像或一小組圖像（包含不同數量的恆星），並具有足夠的屬性。

來源

2013-03-06 22:06:13

回答

相關問題