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 fadeIn需要display：none;而不是可见性：隐藏;

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

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

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

交换

jquery fadein不适用于所有浏览器

1 个答案: