我想要一个包含图像和文本的框，并且可以在该区域的任何位置单击以使超链接起作用。这是一个示例小提琴：
如您所见，这适用于您闪亮的新浏览器！
但是，它在 IE 6/7 中不起作用，我试过谷歌搜索并没有找到答案，所以我希望你们中的一个人知道这是一种方法（请仅使用 CSS）
注意：我知道<a>标签不应该是 的父级<section>，但我真的可以在没有任何 javascript 的情况下使用此功能
问问题
62 次
4 回答
2
我认为您需要将部分定义为块级元素......section { display:block; }因为 IE7/IE6 无法识别它并将其解析为内联。
编辑：还将 指定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 回答