Strona 1 z 1

Gradienty

PostNapisane: 28 lutego 2014, o 10:25
przez Ender
Dzień dobry.
W arkuszu stylów mam takie wpisy:
html, body { background-color: #c0c;
background-image: repeating-linear-gradient(#c0c 0, #c0c 10px, #c3f 10px, #c3f 20px);
color: #fff;
margin: 0;
padding: 0;
border: 0;
text-align: center;
font-family: arial, tahoma, calibri, verdana, helvetica, 'times new roman', sans-serif;
font-size: 14px }
...
#topfotki { width: 940px;
min-height: 1000px;
margin-left: auto;
margin-right: auto;
background-color: #c0c;
background-image: repeating-linear-gradient(#c0c 0, #c0c 10px, #c3f 10px, #c3f 20px)}
...
#menu, #podmenu { background-color: #c0c;
background-image: repeating-linear-gradient(#c0c 0, #c0c 10px, #c3f 10px, #c3f 20px);
width: 100%;
height: 28px;
overflow: hidden;
clear: both;
font-size: 15px }
W Firefoxie gradient działa normalnie, paski wyświetlane są równo i bez przejść kolorów.
Natomiast w Chromie i w Operze wyświetlany jest prawidłowo tylko !!! w divach #menu i #podmenu. W divie #topfotki i w body granice gradientu są rozmyte i szerokości linii są nieregularne.
Próbowałem różnych rzeczy. Nie pomaga stosowanie przedrostków -webkit- czy -o-.
Czy ktoś spotkał się już z takim problemem?

Re: Gradienty

PostNapisane: 4 marca 2014, o 18:15
przez ciolek
Nie da się tak zrobić, aby pod każdą przeglądarkę było dobrze bo każda przeglądarka ma swój własny interpretator kodu.

Re: Gradienty

PostNapisane: 11 lutego 2015, o 04:41
przez opelomaniak
Czyli co zrobic zeby trona wygladala dobrze w kazdej przegladarce?

Re: Gradienty

PostNapisane: 12 lutego 2015, o 13:02
przez Romi81
Oj da się, żeby wyglądało dobrze, tylko trzeba odpowiednio przystosować i testować jak to wygląda