当我将鼠标悬停在字段上时,IE7和IE8中的jquery问题

时间:2011-08-01 16:45:47

标签: jquery internet-explorer-8

网站为http://www.re-org.co.uk/indexnew.php

如果您转到此页面右侧的职位搜索部分,我会尝试在您将鼠标悬停时显示图片文件。仅在IE7和8中,它会强制该字段下降。

jQuery的:

$(document).ready(function(){   

  $('#changehover').hide();
  $('#changehoverloc').hide();

    //---- Country Change

    $(".countryhover").mouseover(function(){
        $("#changehover").show();
    });
    $(".countryhover").mouseout(function(){
        $("#changehover").hide();
    });  

    //---- Location Change

    $(".locationhover").mouseover(function(){
        $("#changehoverloc").show();
    });
    $(".locationhover").mouseout(function(){
        $("#changehoverloc").hide();
    });  
});

CSS:

#changehover{
    background:url(../images/change_hover.png) no-repeat top ;
    width:100px;
    height:44px;
    position:relative;
    margin-right:5px;
    float:right;
}
#changehoverloc{
    background:url(../images/change_hover.png) no-repeat top ;
    width:100px;
    height:44px;
    position:relative;
    margin-right:5px;
    float:right;
}

任何想法都会很棒。

由于

0 个答案:

没有答案