2012-02-09 45 views
1

您好我想挖掘html5,我已經使用了具有modernizr.js的html5boilerplate,我寫了下面的代碼,但似乎IE7不支持它。它使用modernizr的解決方法是什麼,所以它可以在IE7中工作。我對html5,html5bp和modernizr不是很熟悉。您的幫助將不勝感激!HTML 5允許在錨標籤內放置一個塊元素。有沒有辦法使IE7也支持它?

<a href="/somlink"> 
    <img src="/img/someimage.jpg" alt="some image"> 
    <span>Some Caption</span> 
    <h1>Some Heading<span class="subtext">Inside Anchor</span></h1> 
</a> 
+0

我以爲IE7允許你這樣做。你做什麼時發生了什麼? – 2012-02-09 10:15:26

+0

是的,它顯示和圖像也是可點擊的,但它不會使其他元素可點擊 – Imran 2012-02-09 10:21:18

+0

http://jsbin.com/ilojim/對我來說,這是在IE7中工作。 'img','span'和'h1'都是可點擊的。 – 2012-02-09 10:29:21

回答

1

根據以上評論,這將在IE7中工作,而不做任何事情。

問題是您在spanh1上使用position:absolute。它們仍然是可點擊的,但光標使它看起來不像。只需添加一個cursor:pointer即可解決此問題。

請參閱:http://jsbin.com/ilojim/4/

+0

即使在IE 7上也能正常工作.HTML5只是爲了標準化常規做法。但真正的問題是:你如何傳達「這是一個可點擊的鏈接,並且所有這些構成了一個鏈接」的想法?瀏覽器在鏈接中呈現塊級內容的方式不同,很難說它應該如何設計。 – 2012-02-09 11:15:44

+0

@ JukkaK.Korpela如果整個div應該鏈接的位置很明顯,那麼它應該沒問題。例如,在答案下面的個人資料鏈接中,它_looks_就像照片,用戶名將鏈接到個人資料。因此,圍繞整個街區的一個環節應該是確定的。 – 2012-02-09 17:27:11

相關問題