Wiele obrazków jeden na drugim

Mam tabelę HTML. Z bazy pobieram informacje, które obrazki mają być w których komórkach, przy czym wiele obrazków może być w tej samej komórce tabeli. Komórki tabeli mają mieć stały rozmiar, nie rozszerzając się w zależności od ilości obrazków. Dlatego obrazki powinny być wyświetlane jeden na drugim (css z-index). Mogą mieć małe przesunięcie, aby było widać, ile warstw jest pod spodem. Macie może jakiś pomysł, aby to upozycjonować bez określania pozycji absolutnej od lewego górnego rogu strony (sporo niepotrzebnych obliczeń) ani relatywnego przesunięcia (też obliczenia), lecz tak, aby znajdowały się po prostu w danym polu tabeli?

Odpowiedz na pytanie

0

Odpowiedzi: 2

  • 1 rok, 11 miesięcy temu
    autor: adiq

    0

    Z tego co mi wiadomo z-index działa tylko jeżeli używasz w danej klasie pozycjonowania. Tak więc musisz wy-pozycjonować, później po pobraniu danych z bazy odpowiednio przypisać klasę i powinno być dobrze.

  • 1 rok, 11 miesięcy temu
    autor: Marot

    0

    Udało mi się, to co chciałem. W komórce tabeli umieszczam div z position inne niż static, dzięki czemu staje się on kontenerem. I wszystkie obrazki w tym divie mają stały styl w klasie css:

    img.klasa{
position: absolute;
top: 0 px;
left: 0px;
}

    Nawet bez używania z-index Następny obrazek w kodzie wyświetla się przed poprzednim.

    Działa poprawnie w Firefox'ie, Operze i Google Chrome.

Zaloguj się, aby dodać swoją odpowiedź