IE浏览器水平coda导航位置

Question

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

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

爪哇语

<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

您在内联元素<a>中<div>了一个块级元素。这在语义上对 IE 无效。因此，为 <a> 标记提供display: block;或float: left;可以修复它。