4

Web ページのすべての div の上に div を配置しようとしています。

これに対する一般的な質問は次のとおりです。

  • body 要素の前に div を追加します
  • 他のすべてのものよりも大きな z-index プロパティを追加します

問題:

  • DOM ツリーで div を移動できません (角度の制限により)

次の記事を読んだ後、それは不可能に思えます。そうですか?

http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

どんな助けでも大歓迎です

アップデート:

君たちありがとう

@ user2604405 - この div ですべてのページをカバーしたいという事実に言及するのを忘れていたので、position: fixed適切だと思います。

@shujatAli - 角度の制限により div を移動できないと言いました。

@Explosion Pills - すべてのページをカバーする限り、div を移動しても問題ありません。

@Flavio Paulino -z-index解決策は機能しません =/ (div は DOM ツリーのかなり下にあります)。

@Jasper - 使用してみましposition: fixed;たが、他の div にも z-index が定義されているため、機能しません。そして、モデルバインディングを壊すAngularJSモジュールの外側にあるため、要素を本体に複製できません

4

2 に答える 2

2

はい!

次のように、この div に最高の z-index を追加するだけです。

z-index: 1030;
于 2013-10-02T19:35:30.867 に答える
1

はい、3 つの方法で可能です

div
{
position:relative;
left:-20px;
}

相対位置は、要素の元の場所を保持します Absolute

div
{
position:relative;
left:-20px;
}

絶対配置は元の場所を保持しません

img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}

上記のコードは重複する要素の配置であり、z-index プロパティを設定することで利用可能になります。

于 2013-10-02T19:34:57.593 に答える