问题描述
|
如何使CSS3中的iPhone后退按钮?
仅使用
<a href=\"#\">Back</a>
,并且按钮在iphone Safari和Android浏览器中应该看起来相似。
在给定的答案中,按钮实际上是没有图像的。但是html代码不是语义的
<a href=\"#\">
<div class=\"body\">
<div>
<span></span>
</div>
<p>Back</p><p>
</p></div>
</a>
还有没有其他更好的语义方法可以使此按钮使用不太复杂的代码?
像这样的代码
<a href=\"#\">
<span>Back</span>
</a>
我只考虑CSS3支持的浏览器。
编辑:2011年9月29日
是否可以使用SVG像这样制作按钮?
解决方法
我已经找到了这种实现,它的语义要好得多,并且大多数情况下只使用CSS才能达到最佳效果:这里
,杰夫·巴特顿(Jeff Batterton)不久前完成的操作,您可以从以下位置开始:http://lab.jeffbatterton.com/iphone-back-button/ :-)