[DECK]

Witam,

Szukałem troszkę na Google i tu, ale nic nie znalazłem. Otóż poszukuję kodu,
czy skryptu, który pozwala przykryć normalny tekst obrazkiem w HTML i CSS.

Chodzi o to, by jeden powielony obrazek (tak jak np. obrazek tła strony)
przykrywał całą treść strony.

Przykład:

przykład to GIMPowa manipulacja...

Za jakiekolwiek pomysły i linki dziękuję.

[karmazynka]

Nie wiem, czy chodzi ci o przypadek I:

* używasz 'z-index' w CSS'ie

...czy może o przypadek II:

* mają być rozmaite opcje dotyczące przezroczystości i częściowej przezroczystości, ale dopiero w CSS 3.

[DECK]

Działa mi kod:

Kod:

#cover {
	position: fixed;
	z-index: 9999;
	top: 0px;
	left: 0px;
	background-image: url(tlo.png);
	width: 100%;
	height: 100%;
}

Niestety jeśli używam tego div'u linki nie działają... x/
Pokombinuje jeszcze.

Dziękuję i pozdrawiam :]

[Mikesz]

Napisz o co dokładnie ci chodzi, czy obrazek ma zakrywać tekst znajdujący się na stronie czy ma on być pod nim jako tło?

[pawelabrams]

Niestety jeśli używam tego div'u linki nie działają...

To oczywiste jeśli coś przykrywa całą stronę   ... Niestety nie mam też żadnego pomysłu aby coś takiego się wyświetlało - chyba że...

Zastosuj obraz tej samej klasy, całkowicie pusty (Alfa na 0 - przezroczysty)
A potem dodaj mapę obrazu:

Kod:

<img src="pusty.png" class="cover" usemap="#mapa" />
<map name="mapa">
<area shape="rect" coords="x1, y1, x2, y2" href="link1.html"/>
<area shape="rect" coords="innyx1, innyy1, innyx2, innyy2" href="link2.html"/>
</map>

Pracochłonne, ale to chyba jedyny sposób...