jQuery slideToggle和CSS border-radius属性在IE10中异常显示 [英] jQuery slideToggle and CSS border-radius property show unusually in IE10
本文介绍了jQuery slideToggle和CSS border-radius属性在IE10中异常显示的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用MVC4,在我的页面中我选择了4个div和所有div.我有JSFiddle URL来检查我的确切问题.
I am using MVC4 and in my page I took 4 div and all div. I have JSFiddle URL to check my exactly problem.
请仅在IE10中运行此程序,因为在IE10或任何其他浏览器中,它可以正常工作.
Please run this in only in IE10, because in below IE10 or any other browser it working fine.
jQuery(document).ready(function () {
jQuery(".HomeContent").hide();
jQuery(".HomeDivHeading").click(function () {
jQuery(this).next(".HomeContent").slideToggle(250);
});
});
在IE10中,当我滑下任何din时,它会显示如下
In IE10 when I slide down any din it shows like this
当我向下滑动div时,我想解决此问题,它看起来像是有线的,经过一段时间后它会自动校正.
I want to resolve this problem when I slide down div it look like wired and after some time it shows automatically corrected.
推荐答案
这是一种奇怪的浏览器行为.我已经找到解决方案,就像给定的亲人一样;
It's a strange browser behavior. I've found out the solution as given belove;
.HomeDivHeading {
background-color: #BBC0C4;
border-radius: 10px 10px 0 0;
display: inline-block; /* changed from block to inline-block*/
font-size: 18px;
font-weight: bold;
padding: 6px 0;
text-align: center;
width: 100%;
cursor: pointer;
}
这篇关于jQuery slideToggle和CSS border-radius属性在IE10中异常显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文