2012-01-22 2 views
2

html要素をZ-インデックスを増加させずに前面に持ってくる可能性はありますか?同じZ-インデックスを持つすべての要素は、DOMの順序に応じて重複します。要素を削除して親に再度追加することもできますが、それ以上の解決策はありますか?HTML「前に持って来て」Z-インデックスを使用しない

編集:

はすべてrectsの配列を維持、Xにすべての矩形のZインデックスを設定するだけのx + 1に推移は、トリックを行いますが、配列を必要とします。

+1

私たちが手伝ってくれるコードを投稿できますか? –

答えて

3

ブラウザがファイルの先頭から最後までコードを読み取るため、HTMLコードを下から上に書いた場合、おそらく動作します。それでも、z-indexを使用すると、より安全で効率的です。

+0

私のシナリオでは、ユーザーはドキュメント内に複数の矩形を配置できます。最後のものはいつも上にあるはずですが、文書の他のいくつかの要素よりも高くなることはありません。 他の要素のZ-インデックスを「ほぼ無限」に設定できましたが、私はこれらの解決策が嫌いです。他のオプションは、アクティブなatmではないすべての矩形のz-インデックスを減少させることです。それが可能な解決策だと思います。 兄弟姉妹の順序を並べ替えることは、(削除/追加することなく)全くできません。 – user1039407

+0

javascriptで可視性を切り替えることはできますが、それが役立つかどうかはわかりません。非常に大きなZ-インデックスは、不適切なコーディング手順のように見えますが、それはかなり一般的です。 – DGund

+1

私はそれらを隠そうとはしません、最後にホバリングされたものは一番上になければなりません。したがって、最良の解決策は、2つの異なるz-インデックスを使用し、すべての非アクティブな長方形を下位のものに設定し、上に移動したものを上位に設定することです。 私はすべての長方形の配列を保持する必要があります。 – user1039407

関連する問題