是否有任何使用CSS 3的底部导航的iphone预制样本？

Question

是否有任何使用CSS 3的底部导航的iphone预制样本？是否有可能使这些图标在CSS3中，没有图像？

Answer 1

试试我itabbar www.itabbar.com 这里一个完整的CSS的TabBar使用jQuery来改变点击按钮的颜色 http://jsfiddle.net/onigetoc/4CgxM/（查看关于Chrome或Safari）

Answer 2

你可能想看看Sencha Touch，他们为移动网站开发许多共同的UI组件，包括标签栏的完整HTML5版本。

Answer 3

我认为这是可能重现与基本形状基本图标在CSS 目前我havec使最基本的外观帽子http://frommelt.fr/exos/icon.html

诅咒我也不让去，我会让对方:)

Answer 4

实际上，在ChocolateChip-UI中，我们使用SVG图像作为背景图像蒙版和CSS3背景渐变来精确地重新创建iPhone工具栏图标。 Webkit背景图像蒙版与背景图像和背景颜色。由于CSS3渐变由浏览器呈现为画布背景图像，因此它们工作得很好。 svg图像只是黑色和透明的，因为它们被创建用作背景颜色的遮罩。

这就是说，是的，你可以用HTML元素和CSS重现图像。这将需要一堆碎片，使用相对和绝对定位的组合，并且将非常非常繁琐地将所有碎片定位得恰到好处，并获得完美匹配的背景渐变。然后，你将不得不写一些非常复杂的CSS来处理悬停状态。我能做到这一点，但我想吗？一定不行！使用SVG图像蒙版更容易。而且由于SVG只是文本，所以随时可以轻松编辑它们。哦，是的，SVG是基于矢量的，所以你可以将它们缩放到任意大小而没有像素化。