Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
GRADIENT w tle - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: GRADIENT w tle (/thread-gradient-w-tle)



GRADIENT w tle - maciejf - 05-03-2011




RE: GRADIENT w tle - Kartofelek - 06-03-2011

daj to dla body a nie jakiegoś diva
Poza tym co to znaczy height:69%? 69% czego?

http://css3please.com/


RE: GRADIENT w tle - maciejf - 06-03-2011

Tło na stronie jest na divach( trzy pasy: jeden szerszy(30%), drugi waski(1%)trzeci na reszte strony(69%)

dla pierszego z nich chce zrobic gradient, lub wogole zrobic gradient dla okreslonego obszaru a nie dla calej strony(body)....


RE: GRADIENT w tle - maciejf - 06-03-2011

dla IE jest:

Kod:
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999');

dla Moz.:

Kod:
background-image: -moz-linear-gradient(top, #444444, #999999);


a dla Opery???


RE: GRADIENT w tle - Kartofelek - 06-03-2011

Gdybyś ustawił odpowiednio stepy, wtedy te divy by ci nie były potrzebne.


RE: GRADIENT w tle - maciejf - 06-03-2011

(06-03-2011, 02:43)Kartofelek napisał(a): Gdybyś ustawił odpowiednio stepy, wtedy te divy by ci nie były potrzebne.

Tzn.??


Gradient działa pod Moz. i IE ale nie dziala dla Opery.
Pytanie, jak ustawic gradient dla Opery??


RE: GRADIENT w tle - Kartofelek - 06-03-2011

Pierwsza deklaracją. Jak zauwazysz masz 3 deklaracje. Normalna dla przeglądarek nie obsługujących gradientu, potem moz, webkit itp.
Więc w 1 ustaw obrazek gradientu na repeat


RE: GRADIENT w tle - maciejf - 09-03-2011

Nie rozumiem, która deklaracja jest dla przeglądarek nieobsługujących??

i gdzie mam wstawic repeat??


RE: GRADIENT w tle - Kartofelek - 09-03-2011

background-image:url(.....);
background-image:-moz-....
background-image:-webkit-....
etc.

Pierwsza jest standardowa jak w css2 ;]
Zobacz w linku co ci podalem wczesniej