Promjene vidljive samo u Chrome-u

Web dizajn i grafika
1

Pozdrav…

Koristio sam kod [HTML]-webkit-linear-gradient(top, white 15%, #EDEDED 60%, #BDBDBD 200%)[/HTML] da bi dobio metalni odsjaj, to sam i postigao, međutim rezultat je vidljiv samo u Chrome-u, dok u Mozzili i IE nije.

Možete i sami pogledati na
http://isvijet.com.hr
, preciznije u post.container-u i iza one plave slicice iS, tamo se preljevaju bijela i siva boja, ali to se samo vidi iz Chrome-a, di sam pogrijesio?

2

Pa ne mogu ti u drugim browserima niti biti vidljive kada koristiš kod koji je primjenjiv samo na webkit based browsere.

3

Vidim, samo iOS, Chrome te Android…

Jel postoji kod koji bi obuhvatio sve browsere, a ima isti ucinak ?

4

obicno za takve kodove stavis normalno i s prefixima -moz- i -webkit- i tako si pokrio vecinu browsera

linear-gradient(top, white 15%, #EDEDED 60%, #BDBDBD 200%);
-moz-linear-gradient(top, white 15%, #EDEDED 60%, #BDBDBD 200%);
-webkit-linear-gradient(top, white 15%, #EDEDED 60%, #BDBDBD 200%);

5

Jednostavno, nabrojiš sve ono sa linka što ti je CreatifCode dao, ovako:

 background-image: -ms-linear-gradient(top, #D7D 0%, #068 100%);
 background-image: -moz-linear-gradient(top, #D7D 0%, #068 100%); 
 background-image: -o-linear-gradient(top, #D7D 0%, #068 100%);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D7D),color-stop(1, #068)); 
 background-image: -webkit-linear-gradient(top, #D7D 0%, #068 100%);
 background-image: linear-gradient(top, #D7D 0%, #068 100%);

i pokrio si sve sadašnje (osim IE9 i starijih) i buduće browsere.

6

Fala svima, radi :slight_smile:

7

Na sajtu


možeš generirati css kod koji će pokriti većinu browsera, uključujući IE 6+ (uz neka ograničenja)

8

Možeš također ubaciti CSS kod u Prefixr i on će ti sam generirati sav potreban cross-browser kod.

9

Već sam sredio ručno, ali sigurno će još zatrebati koji put, hvala na odličnom supportu. :slight_smile:

10

Ljudi koristite ultimate gradient…