-1

ここで除算 #about を取得しました:

<div id="about" onMouseOver="document.getElementById('screen').style.top=60" onMouseOut="document.getElementById('screen').style.top=0"></div>

マウスがこれに乗ったときに別の分割座標を変更したい.最初は完璧に機能したが、今は移動したくtopないbackground。

影響を与えたい部門は次のとおりです。

    <div id="screen">
    <a id="msg"></a>
</div>

そしてそれのスタイル：

    #screen
    {
        height:25px;
        width:500px;
        position:absolute;
        top:0;left:0;right:0;bottom:0;
        margin:auto;
        border-style:solid;
        border-radius:10px;
        text-align:center;
        font-style:italic;
        opacity:0;
        background-image:url("http://www.psdgraphics.com/file/light-wooden-background.jpg");
        transition:opacity 1s, top 0.4s;
    }

ありがとうございました。

4

1 に答える 1

3

top数値に設定しています。CSS の長さ ( 以外0) には単位が必要です。

.style.top = '60px'

(Quirks モードでは、ブラウザは無効なプロパティを持つルールを無視するという CSS 仕様の要件を無視し、ピクセルを想定します。これがおそらく最初に機能した理由です。)

于 2013-09-29T12:00:17.730 に答える