1

スライダーの上にロゴを表示しようとしましたが、z-indexを正しく設定できませんでした

Z-indexの昇順を試しましたが、正しく取得できません

リンクは http://design3web.in/law-firm/です。

彼らはヘッドスライダーの後ろの画像です私はそれを前に出したいです

スライダーのZ-indexを1として指定し、ロゴのz-indexを10にしましたが、これは機能しませんでした

そして、私はまた、画像をレスポンシブにすることを望んでいます

margin-top: -400px;
height: auto;
 z-index: 100;
position: absolute;
max-width: 90%;

しかし、それでも画像は完全にレスポンシブではありません

また、応答性が高いため、画像が上または下に移動する問題もあります

4

4 に答える 4

0

css

#logo {
font-size: 2em;
font-weight: bold;
letter-spacing: -0.05em;
line-height: 1em;
margin: 0 0 1em;
padding: 0;
position: relative;
z-index: 1;

}

追加position: relative;z-index: 1;

于 2012-08-09T14:21:48.450 に答える
0

位置を「相対」に設定し、z-indexを設定すると、機能します。

<img src="http://design3web.in/law-firm/files/2012/08/Untitled-1.png" style="
margin-top: -500px;
max-width: 80%;   height: auto;
z-index: 100;
position: relative;">
于 2012-08-09T14:21:59.203 に答える
0

私は以前にこれで同様の問題を抱えていました、そして私の解決策はすべてをdivでラップし、位置を相対に設定し、ラップされたdiv z-indexを1に設定し、それに応じて内部の他のdivを調整することでした。

于 2012-08-09T14:26:42.443 に答える
-1

z-index:10001また、画像を設定してから、を正しい値にposition:absolute設定します。top:

それをチェックしてください-http://jsbin.com/itiviw/4

于 2012-08-09T14:18:38.593 に答える