html - 超链接不适用于 <a> 标签内的 <img> 标签

Question

这段代码有问题:

         <div class="box_c rounded">
            <a class="box_int rounded" href="http://www.google.com">
                <div class="careers">
                    <span class="ico_boton">
                        <img src="img/spacer.gif" width="28" alt="Spacer"/>
                    </span>
                    <h5>Text</h5>
                    <p>Text</p>
                </div>
            </a>
         </div>

在IE9、Firefox和Chrome中所有区域都是可点击的，但在IE8中img区域显示为可点击，url也出现，但超链接什么都不做。我能做些什么？我尝试使用 z-index 但它什么也没做。 感谢您的帮助。

Answer 1

您是否尝试过在 IE8 的开发人员工具中验证您的代码？如果您不熟悉该过程，请查看 this quick tutorial关于如何去做。

此外，您是否偶然在 CSS 代码中使用了 z-index？如果是这样，请查看 this other question on StackOverflow还有this detailed article关于这个问题——他们都提到 IE8 在处理 z-index 时有一个错误。