[CSS] tlo z warstwy niżej Opcje

[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

[HTML] pobierz, plaintext 
<div id="container"> tabelka </div>
[HTML] pobierz, plaintext 

i w arkuszu stylow:

[HTML] pobierz, plaintext 
#container {
   background-image: url(adresobrazka);
   background-position: left top;
}
[HTML] pobierz, plaintext 

[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:

[HTML] pobierz, plaintext 
background-repeat: repeat-x;
[HTML] pobierz, plaintext 

[DreeD]

w3schools <-- polecam.. bardzo Przyjemna strona. Wszystko ladnie opisane. Ulatwia zycie

[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?

Ten post edytował 3miel 5.12.2005, 12:58:33

[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

[HTML] pobierz, plaintext 
background: #000 url('obrazek.gif') no-repeat left top;
[HTML] pobierz, plaintext 

zakładając, że ostatni pixel od dołu ma kolor czarny

[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

[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 :/