超链接无法处理<a> tag</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区域显示为可点击并且网址也会显示，但超链接不会执行任何操作。我能做什么？我尝试使用z-index，但它什么都不做。 谢谢你的帮助。

Answer 1

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

另外，您是否有机会在CSS代码中使用z-index？如果是这样，请查看有关此问题的this other question on StackOverflow和this detailed article - 他们都会在处理z-index时提及IE8存在错误。