jquery - jquery fadein 不适用于所有浏览器

Question

所以我有以下数据，但 div 不可见。

html:

<div id="divTest" class="cTest">
others divs, and html in here
</div>

CSS：

.cTest {
    position: absolute;
    top: 60px;
    left: 100px;
    right: 100px;
    bottom: 25px;
    min-height: 500px;
    min-width: 500px;
    overflow: hidden;
    background-color: #FF0000;
    border: 0px solid #000000;
    font-family: arial; 
    font-size: 10pt;
    font-weight: normal;
    margin: 0px;
    padding: 5px;
    cursor: default;
    z-index: 10;
    visibility: hidden;

    -moz-box-shadow: 0px 0px 5px 5px #777777;
    -webkit-box-shadow: 0px 0px 5px 5px #777777;
    box-shadow: 0px 0px 5px 5px #777777;
}

当我点击一个按钮时，js运行：

$("#divTest").fadeIn(600);

难道我做错了什么 ？

Answer 1

jQuery 淡入需要 display:none; 而不是可见性：隐藏；

如果您需要隐藏可见性，请先通过 CSS 函数使其可见：

$('#divTest').css('visibility','visible').hide().fadeIn(600);

否则，只需删除您的可见性：隐藏并将其与 display:none 交换；