[html + css] Tło tekstu żeby było... tekstem (?!), Czy da się w ten sposób? Opcje

[roobik]

Witam!
Szukałem po googlach - niestety. Albo nie znalazłem, bo czegoś takiego nie ma, albo dlatego, że nie potrafię szukać

Chodzi o to, by ta czwórka była tekstem-backgroundem :] dla tekstu (nawet brzmi dziwnie

Czy coś takiego jest możliwe?

[barat]

a to nie są po prostu dwa div-y z różnymi z-index'ami ?

[roobik]

Najlepsze jest to, że robię w php+MySQL, ale ze stylami to "mam problem". Nawet nie wiem o co chodzi
Czy byłbyśtak dobry i podał przykład?
Pls...

[tommy4]

po prostu dodajesz do stylów "z-index: 0;" "z-index: 1;" i tak dalej, im większy index, tym wyżej jest div. Nie jestem pewien, ale chyba będziesz musiał wykorzystać position:absolute; żeby to poprawnie działało.

[roobik]

Na podst innego postu (dotyczącego podobnej sprawy) zrobiłem coś takiego:

[HTML] pobierz, plaintext 
<div style="z-index:0; width: 100%; height: 100%; text-align: center;  vertical-align: middle; border: 1px #ff0000 solid;">
<span><font face=verdana size=7><b>4</b></font><div id="costam" style="width: 100%; height: 100%; color: #ffffff;  vertical-align: middle;">
<font face=verdana size=1 color=#000000><B>Jakiś tekst Jakiś tekst Jakiś tekst</B></span></font>
[HTML] pobierz, plaintext 

Przewertowałem kilkanaście stron z "lekcjami CSS", ale tam nigdzie nie mogę znaleźć odpowiedzi...

[strife]

Przewertowałem kilkanaście stron z "lekcjami CSS", ale tam nigdzie nie mogę znaleźć odpowiedzi...

po prostu dodajesz do stylów "z-index: 0;" "z-index: 1;" i tak dalej, im większy index, tym wyżej jest div. Nie jestem pewien, ale chyba będziesz musiał wykorzystać position:absolute; żeby to poprawnie działało.

Tutaj masz odpowiedź na tacy podaną leniu ! Miałem wczoraj urodziny i mam dosyć dobry humor więc masz poniżej odpowiedź

[HTML] pobierz, plaintext 
<style>
.a1{
    position: absolute;
    width: 200px;    
    z-index: 50;
    font-weight: bold;
 
}
.a2{
    position: absolute;
    width: 200px;
    z-index: 40;
    font-size: 10em;
    font-weight: bold;
    margin-top: -30px;
    color: white;
    background-color: red;    
}
 
</style>
 
<div class="a1">tekst tekst tekst tekst tekst tekst tekst tekst 
tekst tekst tekst tekst tekst tekst tekst tekst tekst 
tekst tekst tekst tekst tekst tekst tekst tekst tekst 
tekst tekst tekst tekst tekst tekst tekst tekst tekst 
tekst tekst tekst tekst tekst</div>
<div class="a2">69</div>
[HTML] pobierz, plaintext