Hogyan adjunk a háttérben blokk tetején Yandex Maps API

Nemrég szembe egy ilyen érdekes kihívás - ez volt szükséges, hogy a az interaktív térképen háttér blokk kapcsolat a kommunikáció. Nagyon hosszú I meggyötört, de végül találtam egy megoldást. Lehet, hogy valaki valaha is szüksége lesz, ezért írok. Ez lesz egy kis zametochka.

A probléma interaktív térképekkel Yandex

Általában, amikor szükségem van az elrendezés a sablon beillesztésre került a lábjegyzetben interaktív térkép Yandex. Nem kép, és van egy működő kártyát, amely egy személy lehet találni valamit. Maga a kártya van behelyezve keresztül egy script, tekertem rá készüléket egy egyedi azonosítót. De aztán kiderült, a probléma: hogyan, hogy egy blokkot a háttérben, hogy a kártyát? Láthatjuk ezt a képernyőképet, mert szükség volt a teendő:

Orange téglalap Becsuktam a bizalmas információkat, de a lényeg világos. Meg kell előírni egy áttetsző blokk maga a kártya. Úgy tűnik, milyen problémákkal, de nem volt ott.

Hogy én csak még nem próbáltam. Először is, én meg a relatív helymeghatározás a lábléc, és az áttetsző blokk - abszolút, de nem lett belőle semmi. Azt is kísérletezett rétegek próbál feltérképezni a megadott réteg alacsonyabb, mint a blokk, de a blokk makacsul nem volt hajlandó megjelenni - interaktív térkép átfedi. De a végén találtam egy megoldást.

kezelése

A készüléket le kell állítani az abszolút pozicionálás képest az egész oldal (body), ahelyett, hogy a lábléc. Szintén a hitelesség adtam hozzá z-index a magasabb érték. Az eredmény a következő volt:

Tehát, hogy megjelenítse a háttérben blokk tetején a kártya, tegye a következőket:
Kérdezd abszolút pozicionálás koordinátákat. Ebben az esetben a kártyát kell a legalacsonyabb része a helyszínen nem lehet kevesebb, mint a semmi. Ez annak érdekében, hogy ne bolond koordinátákat.
Ahhoz, hogy meggyőző beállított réteg számát.

Minden most minden működik, de egy kivétellel. Interaktív térkép csak akkor működik a régióban, ahol nem fedi egymást egységet. Abban a pillanatban, nem tudom, ha lehet valahogy oldani a problémát. Úgy érzem, hogy az egyetlen megoldás az, hogy egyszerűen helyezze a blokkokat a háttérben úgy, hogy ne fedje a legfontosabb gombok a kártyán.

Általában ez itt a megoldás. Tud valaki jön, és én, valószínűleg túl.

Ön is érdekelt