0

画像とテキストを含むボックスが必要で、ハイパーリンクが機能する領域のどこでもクリックできるようにしたいと考えています。フィドルの例を次に示します。

http://jsfiddle.net/N7RRr/

ご覧のとおり、これは光沢のある新しいブラウザーで動作します!

ただし、IE 6/7 では動作しません。Google で検索してみましたが、答えが見つからなかったので、どなたかが方法を知っていることを願っています (CSS のみでお願いします)。

注:<a>タグを の親にするべきではないことは承知しています<section>が、JavaScript なしでこの機能を実際に実行できます。

4

4 に答える 4

2

セクションをブロックレベル要素として定義する必要があると思います... section { display:block; }.. IE7/IE6はそれを認識せず、インラインとして解析しないためです。

EDIT：aブロックレベルとしても指定し、場合によってはディメンションをフィードします。

編集 #2: HTML 5 shiv も絶対に必要です。そうしないと、古い IE で HTML 5 要素を作成できないからです。

于 2012-07-20T15:30:42.820 に答える
1

これはうまくいきますか：http://jsfiddle.net/N7RRr/4/

于 2012-07-20T15:42:55.917 に答える
0

IE6-7 用のノードを作成していますか? セクションは HTML5 なので、そのノードを作成する必要があります。

于 2012-07-20T15:35:43.700 に答える
0

モダナイザー（またはそのようなJavaScriptの一部）をリンクしていない場合、それらをどのようにスタイルするかは問題ではないと思います

これは、古いバージョンの IE が<section>タグを認識しないため、単にタグを無視するためです。回避策は、作成することです。その後、スタイルを適用できます。モダナイザーはあなたのためにこれを行います

申し訳ありませんが、ID には JavaScript が必要です。

于 2012-07-20T15:37:10.470 に答える