如何使用带语义html手机网站（iPhone，Android）的CSS或SVG制作iPhone角度后退按钮？

  • Z时代
  • 2024-01-10
  • 分类：问答

如何在CSS3中制作iPhone后退按钮？如何使用带语义html手机网站（iPhone，Android）的CSS或SVG制作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按钮？

回答：

完成前一阵子由杰夫Batterton，在这里你去：http://lab.jeffbatterton.com/iphone-back-button/ :-)

回答：

我已经找到了这种实现，这是更好的语义，大多只用CSS来达到最好的效果发挥： here

以上是 如何使用带语义html手机网站（iPhone，Android）的CSS或SVG制作iPhone角度后退按钮？ 的全部内容， 来源链接： utcz.com/qa/261846.html

回到顶部