スライダーの上にロゴを表示しようとしましたが、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%;
しかし、それでも画像は完全にレスポンシブではありません
また、応答性が高いため、画像が上または下に移動する問題もあります
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;
位置を「相対」に設定し、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;">
私は以前にこれで同様の問題を抱えていました、そして私の解決策はすべてをdivでラップし、位置を相対に設定し、ラップされたdiv z-indexを1に設定し、それに応じて内部の他のdivを調整することでした。
z-index:10001また、画像を設定してから、を正しい値にposition:absolute設定します。top:
それをチェックしてください-http://jsbin.com/itiviw/4