0

こんにちは。私の問題を調査するために時間を割いていただきありがとうございます。

私はこのようなメニューを実装しようとしています:

ここでの主なことは、どちらかの側にこれらの三角形を作成し、メニューの下に配置して3D効果を与えることです。

上記のサイトで見つけて動作させましたが、この他のプロジェクトでは動作させられないようです。

これが私がそれを動かそうとしているサイトです:

を設定するとz-index: -1;、白いbgを含むすべての背景画像の後ろに三角形が配置bodyされます。他のサイトの設定でz-index: -1;は、三角形を本体のbgのすぐ上に残します。

すべてのbg画像をz-index: -1;に、三角形をz-index: 1;に、メニューをに設定しようとしましz-index: 2;たが、それでも機能しません。

誰かが私の特定の状況でz-indexプロパティをどのように使用できるかについてのより良い洞察を私に与えることができますか?

ありがとうございました。

4

2 に答える 2

0

さて、私はあなたが見ている/欲しいものを正確に理解するのに苦労していますが、あなたが扱っているこれらの要素は正しい位置にありますか?Z-indexは、絶対、相対、または固定として配置されていない場合は機能しません。

Z-indexのW3Schools

于 2012-11-30T17:47:02.473 に答える
0

私はこの答えを使用して私の問題を理解することができました:stackoverflow.com/questions/8456575/3d-ribbon-corners-how-to-do

于 2012-11-30T21:25:38.807 に答える