是否有使用CSS 3进行底部导航的iphone预制示例?

| 是否有使用CSS 3进行底部导航的iphone预制示例?是否可以在CSS3中制作没有图像的图标?     
已邀请:
试试我的itabbar www.itabbar.com 这里是一个完整的带有CSS的CSS标签栏,可在单击时更改按钮颜色 http://jsfiddle.net/onigetoc/4CgxM/(在Chrome或Safari上查看)     
您可能想看看Sencha Touch,它们提供了用于移动网站开发的许多常用UI组件的完整HTML5版本,包括标签栏。     
我认为这有可能在CSS中复制具有基本形状的基本图标 目前,我已经制作了最基本的外观帽子http://frommelt.fr/exos/icon.html 当然,我不会放手,我会另做一个:)     
实际上,在ChocolateChip-UI中,我们使用SVG图像作为背景图像蒙版和CSS3背景渐变来精确地重新创建iPhone工具栏图标。 Webkit背景图像蒙版与背景图像和背景色。由于CSS3渐变是由浏览器呈现为画布背景图像,因此可以正常工作。 svg图像只是黑色且透明的,因为它们被创建为用作具有背景色的蒙版。 就是说,是的,您可以仅使用HTML元素和CSS复制图像。这需要一堆碎片,使用相对和绝对定位的混合,要使所有碎片正确定位并获得完美匹配的背景渐变非常繁琐。然后,您将不得不编写一些非常复杂的CSS来处理悬停状态。我可以这样做,但我想吗?一定不行!使用SVG图像蒙版非常容易。而且由于SVG只是文本,因此随时可以轻松对其进行编辑。哦,是的,SVG是基于矢量的,因此您可以将它们缩放到任意大小而不会出现像素化。     

要回复问题请先登录注册