Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] tlo z warstwy niżej
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
3miel
Witam,

mam zrobione tak, że pod tabelką mam taki pasek i chce żeby był widoczny jako tło i ustawiłem mu position: absolute i z-index: -100.

W IE i Operze jest ok, ale w Firefox nie chce tego wyświetlić.

Co mam robić? Próbowałem dać do tej tabeli tło jako obrazek (GIF) z przeżroczystym tłem i dalej to samo.

To jeden z wazniejszych elementów witryny i jest niezbędny! Prosze o pomoc!

Pozdrawiam
DreeD
Moze by kolega link podal? Jak to wyglada?
3miel
przepraszam, juz podaje:

http://3miel.ovh.org/test/index.html (sprzwdzcie sami pod IE i Firefoxem)
gulldarek
z-index nie moze miec wartosci ujemnej.
3miel
No nie wiem, to w takim razie zrób mi to za pomocą Z-INDEX tak, aby chociarz w IE i Operze było tak jak jest teraz nie stosując wartości ujemnych.
Próbowałem i też nic z tego:/

Prosze to jest barodz ważne! A bez tego wszytko wygląda jak by niedończone i wogóle nieprzyzwoicie. A może jest na to jakiś inny sposób?
gulldarek
moze poprostu zrob
  1. <div id="container"> tabelka </div>


i w arkuszu stylow:

  1. #container {
  2. background-image: url(adresobrazka);
  3. background-position: left top;
  4. }
3miel
Ponieważ, jak widać na rysunku, te białe pole nigdy nie bezie miało tej samej wysokości, a jeżeli zrobi eplik z tłem (1x150px) to przy szerokości 200px bedzie się powtarzać tło.

Więc ten sposób odpada, chyba że! jest możliwość zeby ustawić powtarzanie tła tylko w poziomie. Da się tak?
gulldarek
oczywiście:

  1. background-repeat: repeat-x;
DreeD
w3schools <-- polecam.. bardzo Przyjemna strona. Wszystko ladnie opisane. Ulatwia zycie smile.gif
3miel
No to wreszcei jest tak, jak powinno pod każdym względem(przeglądarką).

----EDIT---------
Jeszcze jedno, jak tak dobrze sobie z tym radzicie (CSS) to pomórzcie mi.

używam czegos takiego:
Kod
background: #color url('obrazek.gif') no-repeat left top;

no i jest wszystko wpożdku, ale chciałbym żeby były 2 obrazki, czyli mniejwiecej coś takeigo:
Kod
background: url('obrazektlo.gif) url('obrazek.gif') no-repeat left top;

i się nie da.

I jeszcze jeden problem coś w rodzaju:
Kod
background: #color url('obrazek.gif') no-repeat left top url('obrazek2.gif') no-repeat right-top;


Maci ena to jakieś swoje sposoby?
gulldarek
nie możesz wstawić dwóch obrazków w jednego diva... Jeśli obrazek w tle jest gradientem to proponowałbym ustawić kolor warstwy taki jak ostatni dolny pixel obrazka:

czyli

  1. background: #000 url('obrazek.gif') no-repeat left top;


zakładając, że ostatni pixel od dołu ma kolor czarny smile.gif
3miel
no tak, ale jak ja mam jako tło obrazek w paski i chce dodać taka ikonke w lewym górnym roku (jako tło) to jak to mam zrobić? chyba w CSS nie da csie ustawic koloru w paski smile.gif
gulldarek
Ok, mozesz tak: wsadz w <div> </div> zawierajacy tabelke jeszcze jednego diva, ktoremu dasz position: absolute; i tlo z drugim obrazkiem. Ustaw left i top a <div></div> najwyzszemu (temu ktory to wszystko zawiera) daj position: relative;
3miel
Właściwie to skożystałem z twojego pomysłu ale do innego zastosowania:) i mam tak:

-komórka position: relative
-w niej jest div z trescią
-i div z obrazkiem (ma być poza 1 divem)

i teraz jest taka sprawa że komórka jest 2 razy większa od 1 DIV'a i chce żeby ten 2 DIV był na samym dole po lewej, a ten 1DIV normalnie na górze.
Zrobiłem tak jak radziłeś(do komórki relative, do diva2 absolute left:1px bottom:1px) i działa tylko pod IE :/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.