如何使用CSS或SVG和語義html移動網站（iPhone，Android）制作iphone傾斜后退按鈕？

Question

如何使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制作這樣的按鈕？

Answer 1

我發現了這種實現，它的語義要好得多，並且大多數情況下只使用CSS才能達到最佳效果： 這里

Answer 2

傑夫·巴特頓（Jeff Batterton）不久前完成的操作，您可以轉到： http ://lab.jeffbatterton.com/iphone-back-button/ :-)