こんにちは私はhtml5を掘り出したいと思います、私はmodernizr.jsを持っているhtml5boilerplateを使用しました。私は次のコードを書いたが、IE7はそれをサポートしていないようだ。それはIE7で動作するようにmodernizrを使用するための回避策は何ですか。私は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>
上記のコメントに基づいて、これは何もせずにIE7で動作します。
spanとh1でposition:absoluteを使用しているという問題があります。それらはまだクリック可能ですが、カーソルはそうではないように見えます。これを取得するには、cursor:pointerを追加してください。
実際にはIE 7でも動作します.HTML5は一般的なプラクティスを標準化する予定です。しかし、実際の問題は、「これはクリック可能なリンクで、これがすべて1つのリンクを構成する」という考え方をどのようにユーザーに伝えるかです。ブラウザでは、ブロックレベルのコンテンツをリンクでどのようにレンダリングするかが異なり、どのようにスタイルを設定するべきかについては言い難いです。 –
@ JukkaK.Korpelaもしdiv全体がどこにリンクするべきか明らかであればOKです。たとえば、回答の下にあるプロフィールリンクでは、写真のように表示され、ユーザー名がプロフィールにリンクします。したがって、ブロック全体の1つのリンクはOKであるはずです。 –
私はIE7はあなたがとにかくことを行うことが許さ思いました。あなたがそれをしたとき何が起こっていますか？ –
はい、それは表示され、画像もクリック可能ですが、他の要素をクリック可能にしません。 – Imran
http://jsbin.com/ilojim/私にとっては、これはIE7で動作しています。 'img'、' span'、 'h1'はすべてクリック可能です。 –