Witam
Chciałbym stworzyć na mojej stronie dynamiczne divy. Użyłem do tego zdarzeń onClick i dispaly:none.
Wszystko działa ok poza tym że zawartość pojawiającego się diva "zsuwa" na dół część strony, by zrobić miejsce dla siebie. Tymczasem chodziło by mi o to, żeby nowy div pojawiał się ponad podstawową warstwą strony.
Ustawienie z-index na wysoką wartość nie pomogło. Prosiłbym o jakąś sugestie jak to wykonać.
PS. Do pozycjonowania strony używam marginów a nie position:absolute
Jeśli chcesz diva mieć w miejscu określonym względem strony i niezmiennie to daj mu postion na absolute lub fixed.
Niestety, dając position:absolute dla tego diva nie osiągnę zamierzonego efektu. Div ma się pojawić koło określonego elementu z warstwy podstawowej. Przykładowo mógłby to być podgląd strony która kryje się za linkiem.
Jeśli dam divowi postion:absolute to div będzie pojawiał się w różnych miejscach zależnie od rozdzielczości użytkownika.
chyba że blok obejmujący ten element będzie miał position:relative, to wtedy będzie nie względem ekranu tylko tego bloku obejmującego
Ustawienie z-index na wysoką wartość
nie pomogło.
.. z-index działa w wymiarze Z, a więc w głąb (IOW: nie zmieni położenia elementu na ekranie).
Tak więc co doradzacie? Jak to najlepiej rozwiązac?
Próbowałeś to, o czym napisał @HiIAmFromPoland? Często da się to wykorzystać. Zakładając, że chcesz mieć w kodzie jakiś powiedzmy element i gdy na niego się najedzie, ma się wyświetlić jakiś div, robisz to tak:
<a href=... class="tooltipTrigger">Tekst linku <div class="tooltip">Zawartość chmurki</div></a>