4
A
回答
4
您可以使用標準的導航標記:
<div id="nav">
<ul>
<li><a class="active" href="#">Item</a></li>
<li><a href="#">Item</a></li>
<li><a href="#">Item</a></li>
<li><a href="#">Item</a></li>
</ul>
</div>
然後做一個2D CSS變換(扭曲元素繞Y軸):
#nav {
-webkit-transform: skewY(-10deg);
-moz-transform: skewY(-10deg);
-ms-transform: skewY(-10deg);
-o-transform: skewY(-10deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1, M12=0,
M21=-0.174532925, M22=1);
transform: skewY(-10deg);
}
看到這個fiddle舉一個活的例子。有關瀏覽器支持信息,請參閱this。
怎麼寫IE過濾
轉換-10度到弧度在谷歌鍵入此:
-10度到弧度
您將獲得:
-10度= -0.174532925弧度
然後插入值M21。
爲什麼你會用這個方法
- 你關心頁面加載時間,你不想要的圖像另一個HTTP請求。
- 標準導航標記具有更好的語義,特別是如果切換到HTML5並使用屏幕閱讀器使用的
nav
元素來確定導航的位置。
1
沒有看到的你實際上要完成的任何代碼或任何東西,我能說的含糊,是的。您可以使用帶有id列表項的列表並手動將它們放置在您的頁面上。
但是,再次,沒有看到你想要完成的事情,這很難說。
+0
下面是鏈接:http://www.solarcoordinates.com/SHomeTour/demo2.html – TimFoolery 2011-06-15 21:35:00
相關問題
- 1. 什麼是一些pagerank替代方案?
- 2. 什麼是位陣列的一些替代方案?
- 3. 什麼是一些好的地圖?
- 4. 什麼是硒的一些替代品?
- 5. 什麼是一些圖書館做一些後續圖像處理?
- 6. 什麼是一些OpenID替代
- 7. 試圖集中一些圖像div。什麼是最好的方法? DIV或表格?附上一些代碼
- 8. 什麼是一些好的java圖像處理工具或API?
- 9. 什麼是基於事件的異步模式的一些替代方案?
- 10. 什麼是這些靜態變量的可能替代方案?
- 11. 什麼是元刷新的一些替代重定向方法?
- 12. 什麼是一些熱圖庫在地圖上繪圖?
- 13. 熱鏈接圖像的合法替代方法是什麼?
- 14. 一些地圖鍵
- 15. 一些通知圖案MVVM
- 16. BitmapFactory.decodeStream一些圖像
- 17. 的一些地圖銷
- 18. Pervasive DataRush的替代方案有哪些
- 19. 是什麼類型的解引用一個迭代的地圖或其他一些複合類型的C++
- 20. scriptlet標記<%=一些代碼%>和<#一些代碼%>之間的確切區別是什麼?
- 21. 什麼是。jioster的.net替代方案
- 22. 什麼是MVC的替代方案?
- 23. 什麼是GarbageCollector的替代方案?
- 24. 什麼是Apache Camel的替代方案
- 25. 外套的替代方案是什麼?
- 26. 什麼是iFrame的替代方案?
- 27. 什麼是Struts 1.3的替代方案
- 28. 什麼是Google Analytics的替代方案
- 29. 什麼是innerHTML的替代方案,riotjs
- 30. LocationClient的替代方案是什麼?
對不起......我沒有看到你的答案的最後一行。 :) – TimFoolery 2011-06-15 21:43:13
http://caniuse.com/transforms2d看起來這是一個禁止IE8帳戶。 :( – TimFoolery 2011-06-15 21:53:35
查看更新的答案。增加了對IE的支持<9。 – melhosseiny 2011-06-15 23:06:23