Drukuj stronę - Obrazek przykrywający tekst.

Tytuł: Obrazek przykrywający tekst.
Wiadomość wysłana przez: DECK on 13.04.2008, 20:23:55

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:
(http://www.gimpuj.info/replacement.png)
przykład to GIMPowa manipulacja...

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

Tytuł: Odp: Obrazek przykrywający tekst.
Wiadomość wysłana przez: karmazynka on 13.04.2008, 21:11:27

Nie wiem, czy chodzi ci o przypadek I:
(http://www.gimpuj.info/replacement.png)
* używasz 'z-index' w CSS'ie

...czy może o przypadek II:
(http://www.gimpuj.info/replacement.png)
* mają być rozmaite opcje dotyczące przezroczystości i częściowej przezroczystości, ale dopiero w CSS 3.

Tytuł: Odp: Obrazek przykrywający tekst.
Wiadomość wysłana przez: DECK on 14.04.2008, 12:24:26

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

Tytuł: Odp: Obrazek przykrywający tekst.
Wiadomość wysłana przez: Mikesz on 05.07.2008, 19:49:50

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?

Tytuł: Odp: Obrazek przykrywający tekst.
Wiadomość wysłana przez: pawelabrams on 13.08.2008, 16:02:53

Cytuj

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...

Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Języki Internetu => Wątek zaczęty przez: DECK on 13.04.2008, 20:23:55