android - 如何使用带有语义 html 移动网站(iPhone、Android)的 CSS 或 SVG 制作 iphone 倾斜后退按钮？

如何在 CSS3 中制作 iPhone 后退按钮？

仅使用 <a href="#">Back</a>该按钮在 iphone safari 和 Android 浏览器中应该看起来相似。

enter image description here

在给定的答案中，该按钮实际上是由无图像制作的。但是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 来获得最佳结果:here

关于android - 如何使用带有语义 html 移动网站(iPhone、Android)的 CSS 或 SVG 制作 iphone 倾斜后退按钮？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5658992/