0

希望是基本问题!我有一个标准的 jquery 向下滑动 div,里面有三个按钮。悬停时,div 以通常的方式向下滑动以显示链接。在 FF / Safari 中一切正常,但在 IE8 中,内容显示为 div 滑动打开,效果非常糟糕。演示页面位于http://james-golding.co.uk/staging/quocms/?page_id=29

jquery 非常简单:

<script type="text/javascript">

          $(document).ready(function() 

          {ShowActionOnOver();

                $(".expandingbox",this).hide(); // hide all 
                $(".insidered",this).slideDown(500);

          });

function ShowActionOnOver()

        {$(".content").hover(function(){
                  if( $(".insidered").is(":visible") ) { $(".insidered").slideUp(500); }
                  $(".expandingbox",this).slideDown(500);

              },

              function()

              {$(".expandingbox",this).slideUp(500); }

            );}

CSS 也是这类事情的标准:

.content {height:120px;}
.rel {z-index: inherit; zoom: 1; /* For IE6 */ position:relative; }

.expandingbox {
    width: 210px;
    height:100px;
    margin: 0 auto 0px auto;
    padding: 7px 6px 0px 6px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    behavior: url(PIE.php);
    overflow : hidden;
}

.insidered {border: 2px solid #b60000;}

.steps {
    width: 195px;
    height: 13px;
    margin: 0px auto 3px auto;
    padding: 8px;
    -moz-border-radius: 11px ;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    behavior: url(PIE.php);
    }

.stepslast {
    width: 195px;
    height: 13px;
    margin: 0px auto 0px auto;
    padding: 8px;
    -moz-border-radius: 11px ;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    behavior: url(PIE.php);
}

.label {
    width: 101px;
    height: 17px;
    margin: 0 auto;
    padding: 8px 0  5px 0;
     -webkit-border-radius: 0px 0px 11px 11px;
    -moz-border-radius: 0px 0px 11px 11px;
    border-radius: 0px 0px 11px 11px;
    behavior: url(PIE.php);
    color:#FFFFFF;

}    

我会很感激对此的任何想法 - 这让我发疯了!

谢谢。

4

1 回答 1

0

这可以解决问题:.expandingbox insidered{overflow:hidden;}

于 2011-06-08T00:21:44.467 回答