0

そのため、z-index とポジショニングを使用してゲージと div を重ね合わせることに関する無数の他の投稿をコピーしようとしましたが、まだそれを達成できていません。私は現在これを持っています（同じ結果でIEとクロムでテストされています）：

<div id="gauges">
    <div id="loggedInGauge">  //gauge creation code  </div>
    <div id="loggedOutGauge"> //gauge creation code </div>
    <div id="onBreakGauge">   //gauge creation code </div> 
</div>
<style>

             #gauges {
                position: relative;

            }
            #loggedInGauge, #loggedOutGauge, #onBreakGauge {

                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                width: 200px;
                height: 200px;    
            }

            #loggedOutGauge {

                z-index: 10;
            }
            #onBreakGauge {
                z-index: 20;
            }

</style>

3 つのポインターを備えた 1 つのゲージのように見えるように、ゲージを重ね合わせるのを手伝ってくれる人はいますか?

現在の出力は次のとおりです。現在の出力への Imgur リンク

4

1 に答える 1

0

CSS 定義を次のように変更します。

#loggedInGauge, #loggedOutGauge, #onBreakGauge {
    position: absolute !important;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 200px;
    height: 200px;    
}

剣道 UI は、それぞれの位置gaugeを相対として定義し、定義を上書きします。を追加する! importantことで、これを防ぎます。

ここの例: http://jsfiddle.net/OnaBai/wNsRY/

于 2013-04-12T10:21:07.357 に答える