希望是基本问题!我有一个标准的 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;
}
我会很感激对此的任何想法 - 这让我发疯了!
谢谢。