jquery - jQuery slideToggle 和 CSS 边框半径属性在 IE10 中显示异常

Question

我正在使用 MVC4，在我的页面中我拿了 4 个 div 和所有 div。我有 JSFiddle URL 来检查我的确切问题。

jsfiddle

请仅在 IE10 中运行此程序，因为在 IE10 或任何其他浏览器中运行正常。

jQuery(document).ready(function () {
        jQuery(".HomeContent").hide();
        jQuery(".HomeDivHeading").click(function () {
            jQuery(this).next(".HomeContent").slideToggle(250);
        });
    });

在 IE10 中，当我向下滑动任何 din 时，它会显示如下

我想解决这个问题，当我向下滑动 div 时，它看起来像有线，一段时间后它显示自动更正。

Answer 1

这是一种奇怪的浏览器行为。我已经找到了亲爱的解决方案；

.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;
}