Resmi büyütmek için üzerine tıklayın. Görüntüyü büyütmek için üzerine tıklayın.

Question

Sayfadaki siyah kutunun önüne sol üstte olmak için küçük gri kutuyu almaya çalışıyorum. Bir resmin üstünde bir görüntü. Kara kutunun üstünde gri kutunun görünmesini istiyorum. Üstünü ve sıfıra bıraktım ve gri görüntüyü siyah karenin üstüne taşımak için z-endeksini denedim, ama hiçbir şey.

https://jsfiddle.net/Lance_Bitner/zrjttnu1/

.nav-toggle { 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
text-decoration: none; 
text-indent: -999px; 
position: relative; 
overflow: hidden; 
width: 70px; 
height: 55px; 
float: left; 
display: block; 
margin: 0 -2em 1em 0; 


} 
.nav-toggle:before { 
color: #444; /* Edit this to change the icon color */ 
font-family: "responsivenav"; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
font-size: 28px; 
text-transform: none; 
position: absolute; 
content: url(img/menu2.gif); 
text-indent: 0; 
text-align: center; 
line-height: 65px; 
speak: none; 
width: 100%; 
top: 0; 
left: 0; 
} 
.nav-toggle.active:before { 
font-size: 24px; 
content: url(img/menu3.gif); 
} 

Answer 1

Sen mutlak ve üst ayarlayın Nav-geçiş kutusu yerleştirmek olabilir: O IE9 uyumlu olması gerekir 0;

.nav-toggle { 
    ... 
    position: absolute; 
    top: 0; 
} 

https://jsfiddle.net/Lpyumsck/1/