整個部分的超鏈接（ie6/7修復）

我想要一個包含圖像和文本的框，並且可以在該區域中的任何地方點擊以使超鏈接工作。下面是一個例子小提琴：整個部分的超鏈接（ie6/7修復）

正如你所看到的，這部作品在您的閃亮新的瀏覽器！

然而，它並不在IE 6/7的工作中，我試着用搜索引擎並沒有找到答案，所以我希望你知道一個人的一種方式（CSS只請）

注：我知道，一個<a>標籤不應該是<section>的父母，但我真的做這個功能，無需任何JavaScript

2012-07-20 Andy

報價OP：_「但我真的可以做沒有任何JavaScript這個功能」 _〜你是在問我們，或者告訴我們？嚴重的是，不管用戶使用JavaScript，都無法正確使用任何最受歡迎的網站。 – Sparky 2012-07-20 15:37:21

2012-07-20 15:42:55

是的，它的確如此。出於某種原因，我從來沒有這樣做過。正是我需要的 - 謝謝！ – Andy 2012-07-20 15:44:31

嘿，別擔心:) – 2012-07-20 15:45:16

依我看，你需要定義部分作爲一個塊級元素... section { display:block; } ..因爲IE7/IE6無法識別它並將其解析爲內聯。

編輯：也指定a作爲塊級別，並可能餵它的尺寸。編輯＃2：你也絕對需要html 5 shiv，否則HTML 5元素不能在較老的IE中創建。

2012-07-20 15:30:42

這並沒有工作，我應該更清楚：該部分本身獲得超鏈接，但兒童（img和文本）沒有得到超鏈接，所以你是正確的方式，我還不夠清楚 – Andy 2012-07-20 15:32:50

我有HTML5元素，我的HTML5元素正在工作（'

你是否定義了'a'作爲塊通過給它一個ID併爲其分配規則？ – 2012-07-20 15:49:00

您是否正在爲IE6-7創建節點？部分是HTML5，所以您需要創建該節點。

2012-07-20 15:35:43

是的，我已經包含html5 shiv，並且其他所有工作都正常（例如，我的'

@ user1538100，您意識到[HTML5shiv是JavaScript]（http：//en.wikipedia .org/wiki/HTML5_Shiv），對不對？ – Sparky 2012-07-20 15:40:12

是的，我完全知道JS關閉ie6/7會看到該網站可怕，但我想用CSS做到這一點，如果可能的話，要學習 – Andy 2012-07-20 15:42:20

我相信它不會不管你怎樣稱呼他們，如果你不鏈接modernizer（或一些這樣的一段JavaScript代碼）

這是因爲老版本的IE瀏覽器將簡單地忽略<section>標籤，因爲他們不知道。解決方法是創建一個。之後，您可以將樣式應用於它。 modernizer爲你做這件事

對不起，編號確實需要JavaScript。

2012-07-20 15:37:10 Kris

我引用html5 shiv，對於HTML5，我只是在這種情況下，我不想爲這個特定功能 – Andy 2012-07-20 15:38:42

增加額外的JavaScript，至少在我到達一臺較舊的計算機之前我完全沒有想法，所以我可以測試一些。 – Kris 2012-07-20 15:40:01

回答