Görüntü üzerinde işlem yapmak için yatay bir resim çubuğu çubuğu nasıl yapabilirim? Şunun gibi: Her simge karşılık gelen sayfaya yönlendirme olmalı ve başlık görüntü kendisi boşluk => I Z endeksi gerekli olacaktır sanmıyorum hale gelmez yüzden .svg olan 
Bir görüntünün üstünde oluşturmak için div nasıl kullanılır?
Yapmayı düşündüğüm şey, bağlantıları arka plan görüntüsünün üstüne yerleştirmektir. Bu yüzden bu küçük örneği hazırladım. Kullanıcı, anlayacaktır simgeler geldiğinde
Ayrıca, onlar tıklanabilir :)
.background {
position: relative;
}
.links {
position: absolute;
list-style-type: none;
bottom: 30px;
left: 50px;
}
.links li {
display: inline;
}
a {
text-decoration: none;
}
a img {
padding: 0 15px;
}
a:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
}<div class="background">
<img src="http://rockstartemplate.com/blogheaders/bannerdesign1.jpg">
<ul class="links">
<li>
<a href="www.twitter.com">
<img src="https://cdn1.iconfinder.com/data/icons/logotypes/32/twitter-48.png">
</a>
</li>
<li>
<a href="www.facebook.com">
<img src="https://cdn1.iconfinder.com/data/icons/logotypes/32/square-facebook-48.png">
</a>
</li>
<li>
<a href="www.youtube.com">
<img src="https://cdn1.iconfinder.com/data/icons/logotypes/32/youtube-48.png">
</a>
</li>
</ul>
</div>
sadece kod sonrası olduğu görsel geribildirim çeşit eklemek iyi bir fikir ne olursa olsun – Alok
'u denediniz. Yardım almak için gereken en kısa kodu içermelidir. ** Sorunun kendisinde ** normalde [** Yığın Snippet **] (https://blog.stackoverflow.com/2014/09)/sokulması-çalıştırılabilir-javaScript-css-ve-html kod parçacıkları /). [** Minimal, Tam ve Doğrulanabilir bir örnek nasıl oluşturulur **] (http://stackoverflow.com/help/mcve) adresine bakın. –