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.

请让我知道如何解决这个....

Please let me know how to solve this....

推荐答案

这是一个奇怪的浏览器行为。我找到了给定的解决方案belove;

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有线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！