Arkadaşlar selamun aleyküm, dün gece kafama takıldı.

Üstteki görselde turuncuları tarayıcı penceresi olarak düşünün.
Siyah da herhangi bir div olabilir yada background olarak düşünün siyah çubuğu.
Bu backgroundun çubuğun üzerinde 2 adet ayrı çubuk var, o kısımlarında bir belirteç olduğunu düşünün, mesela buraya gelecek yazıyor olsun.
Biliyorsunuz bu tarayıcı responsive olduğu için çubuk da, yani background da tarayıcıya göre stretch olacak. Haliyle pozisyon da değişecek.

Şimdi gelelim asıl kısma.
Bu background ordan oraya gerilir, büzüşürken biz herşeyin üzerinde, normal bir DİV koyduk diyelim. Bu divde buraya tıklayın yazan bir buton olsun ve çapraz bir buton olsun. (Kırmızı çizgiyle koyduğum yer)

Bu kırmızı çizgiyi, ekran boyutları ne olursa olsun, background her nereye gerdirilmiş olursa olsun, o iki çubuğun arasına tam bir şekilde tutmak ne kadar mümkündür? nasıl yapılır?

Teşekkür ederim.