Question

希望基本的问题！我有一个标准的jquery slidedown 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;

}

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

感谢。

Answer 1

这就是诀窍：.expandingbox insidered{overflow:hidden;}

在slidedown（）完成之前显示的Jquery IE8 div内容？

1 个答案: