2

私はこれに結果を出さなければならないことを本当に嫌いです、しかしこの問題は私の席の端に私を持っています。

簡単に言うと、自分のサイトに小さな音楽プレーヤーウィジェットと、ホバー時に音楽プレーヤーを表示する音楽タブを追加しようとしています。私はこれを達成しましたが、音楽タブアイコンにカーソルを合わせるたびに、指定された位置に移動しますが、不要な複製が残ります。

コードの最初の部分は次のとおりです。

<style type ="text/css">
    #musicplayer{
        text-align: center;
        font-size: 11px;
        position:absolute;left:0px;top:-100px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        z-index:999;
    }

    #musicplayer:hover{
        top:0px;
    }

    #music{
        padding:3px;
        background: transparent;
        width:175px;
        height: auto;
        margin-left:0px;
        font-family:'Coming Soon';
        z-index: 9999;
        text-align:center;
        padding-left:2px;
        padding-right:2px;
        padding-bottom:70px;
        border-bottom-right-radius:0px;
        margin-top:20px;
    }

    #musictab{
        font-family: 'Coming Soon';
        height:auto;
        padding:3px;
        background:transparent;
        width:30px;
        margin-left:0px;
        margin-top:0px;
        -moz-border-radius:0px;
        border-bottom-right-radius:6px;
        border-bottom-left-radius:6px;
    }
</style>

そして、これも問題を引き起こしている可能性があると思うdivタグです

<div id="musictab">
    <p><img src="http://i47.tinypic.com/2cpyjv9.jpg" border="0"></a></p>
</div>

このコードに固有のタグは他にもありdivますが、問題の原因ではないと思われるため、省略しました。

編集：私のウェブサイト（エラー、Tumblrページ）を投稿することもできます。そうすれば、問題の実際を見ることができます。どんな助けでも大歓迎です。

サイト

4

1 に答える 1

1 
    <div id="entry">
        <div class="holder"></div>
        <a href="http://wrjacobs.tumblr.com/post/37948918891/hud-biennial-019">
            <img src="..." alt="hud-biennial-019" width="380px">
        </a>
        <div class="holder"></div>
        <div class="holder"></div>
        <div class="video"></div>
        <div class="holder"></div>
        <div id="musicplayer">
            <div id="music">
                <center>
                <img... />
                <br>
            </center>
        </div>
        <div id="musictab">
            <p>
                <img src="http://i47.tinypic.com/2cpyjv9.jpg" border="0">
            </p>
        </div>
    </div>
  1. <img />タグを閉じてください！:)

  2. これは、id = "entry"を使用したdivの1つの例です。たとえば、id ="entry"をclass="entry"に変更するなど、同じIDを持つ各ページに1つの要素のみを含める必要があります。

  3. エントリとして画像を追加するたびに、エントリごとに音楽プレーヤーを追加します。これは、音楽プレーヤーをページに1xエントリ数追加したことを意味します。これは、トップのミュージックプレーヤーが正しく表示されていても、その下にあるものだけが表示されるように移動することを意味します-それがそれを説明することを願っています

于 2012-12-15T03:22:21.157 に答える