3

Javascript に問題があります。私はjsにかなり慣れていないので、ほぼ間違いなく私が間違っていることです。div タグの z-index を -1 から 1 に変更して、それに含まれる画像が他の画像の前に表示されるようにしようとしていますが、エラーとして「割り当ての左側が無効です」を取得し続けます。ネットで検索してみましたが、初歩的なミスか、解決策が見つかりませんでした。私のコードのスニペットは次のとおりです。

JavaScript:

function bubble1()
{       
    document.getElementById("img-bubble1").style.z-index = "1";//this is the line it crashes on     
    bubble2move = setInterval(function() {bubble2()}, 2000);
}

html:

<td width="50%">
    <div class='image-window'>
        <div id="img-bubble1" class='img img-bubble hide'><img src="../img/img-bubble1.gif"/></div>
        <div id="img-bubble2" class='img img-bubble hide'><img src="../img/img-bubble2.gif"/></div>             
    </div>
</td>

CSS:

.image-window
{
    width: 435px;
    height: 400px;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#img-bubble1, #img-bubble2
{
    position: absolute;
    z-index: -1;
}

.img-bubble
{
    width: 206.25px;
    height: 400px;
    position: absolute;
    top: 0;
    right: 0;
}

事前に感謝します。また、私の経験不足で申し訳ありません。

4

1 に答える 1

3

JavaScript で CSS プロパティをアドレス指定する場合、ハイフンを含むものはすべてキャメル ケースに変換されます。代わりにこれを試してください：

document.getElementById("img-bubble1").style.zIndex = "1";

関連Q/A

編集: khanahk がコメントで述べたように、後世のための追加情報、変数名のハイフンはマイナス記号として解釈され、これは有効な代入構文ではありません。これを回避する興味深い、推奨されない方法は、代わりにブラケット表記を使用することです。

document.getElementById("img-bubble1").style["z-index"] = "1";
于 2012-11-27T16:33:49.547 に答える