css - Internet Explorer 水平结尾导航位置不正确

Question

整个图像在 Firefox/Chrome/Safari 中是可点击的，但在 Internet Explorer 中，它只能在图像右侧点击。

http://www.dawaf.co.uk/cthm/work/

Javascript

<script type="text/javascript">
  $().ready(function() {
    $(".slider1").codaSlider( {dynamicArrows: false, dynamicTabs: false} );        $(".slider1 .coda-nav-right-wrapper").mouseover(function() {
      $(".nav1").css("display","block");
    });
    $(".slider1 .coda-nav-right-wrapper").mouseout(function() {
      $(".nav1").css("display", "none");
    });
    $("#coda-nav-right-1 > a > .coda-nav-right-wrapper").mouseover(function() {
      $(".caption1").css("display", "inline");
    });         

    $("#coda-nav-right-1 > a > .coda-nav-right-wrapper").mouseout(function() {
      $(".caption1").css("display", "none");
    });
  });
</script>

CSS

#content .coda-nav-right-wrapper {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
  width: 900px;
  height: 450px;
  cursor: pointer;
}

Answer 1

你有一个 block 级元素 <div>在内联元素中 <a> .这在语义上对 IE 无效。所以，给出 display: block;或 float: left;对于 <a>标记，修复它。