整个部分的超链接（即6/7修复）

Question

我希望有一个包含图像和文本的框，并且可以在该区域的任何位置单击以使超链接起作用。这是一个小例子：

http://jsfiddle.net/N7RRr/

正如您所看到的，这适用于您闪亮的新浏览器！

然而，它在IE 6/7中不起作用，我已经尝试使用谷歌搜索并且没有找到答案，所以我希望你们中的一个知道某种方式（仅限CSS）

注意：我知道<a>标记不应该是<section>的父标记，但我可以在没有任何javascript的情况下使用此功能

Answer 1

您需要将section定义为块级元素... section { display:block; } ..因为IE7 / IE6无法识别它并将其解析为内联。

编辑：同时将a指定为块级别，并可能为其提供维度。

编辑＃2：你也绝对需要html 5 shiv，否则HTML 5元素无法在旧的IE中创建。

Answer 2

这是否适合您：http://jsfiddle.net/N7RRr/4/

Answer 3

您是否在为IE6-7创建节点？部分是HTML5，因此您需要创建该节点。

Answer 4

如果您没有链接modernizer（或某些此类javascript），我相信如何设置它们的风格并不重要

这是因为较旧的IE版本会忽略<section>标记，因为它们不知道它。解决方法是创建一个。之后，您可以应用样式。现代化者为您做到这一点

很抱歉，ID确实需要javascript。