Maja
Miarecki
Senior Frontend
Developer
Temat: gradient, zaokraglone rogi i IE...
Nasz layout nie przewiduje wodotryskow, poza zaokraglonymi rogami, cieniami i gradientami. CSS3, ktorych staram sie uzywac, dzialaja wszedzie poza IE... poczytalam o css3pie i chcialabym go uzyc, ale mimo stosowania sie do instrukcji... nie bangla...mam dwie przykladowe klasy:
.classA {
border-radius: 0 0 13px 13px;
-webkit-border-radius: 0 0 13px 13px;
-moz-border-radius: 0 0 13px 13px;
background: -webkit-gradient(linear, left top, left bottom, from(#10559b), to(#0070e0));
background: -moz-linear-gradient(top, #10559b, #0070e0); /* For Mozilla/Gecko (Firefox etc) */
background: -o-linear-gradient(top,rgb(16,85,155),rgb(0,112,224));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#10559b, EndColorStr=#0070e0)";
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#10559b, EndColorStr=#0070e0)";
color: #FFFFFF;
text-weight: bold;
overflow: visible;
padding: 6px 0 4px 12px;
text-decoration: none;
behavior:url(http://domena.com/css/PIE.htc);
}
.classB {
border-radius: 0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
-moz-border-radius: 0 0 15px 15px;
box-shadow: 0px 3px 3px #999;
-moz-box-shadow: 0px 3px 3px #999;
-webkit-box-shadow: 0px 3px 3px #999;
background-color:#52B254;
background-image: -webkit-gradient(linear, left top, left bottom, from(#52B254), to(#228631));
background-image: -moz-linear-gradient(top, #52B254, #228631); /* For Mozilla/Gecko (Firefox etc) */
background: -o-linear-gradient(top,rgb(82,178,84),rgb(34,134,49));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#52B254, EndColorStr=#228631);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#52B254, EndColorStr=#228631)";
zoom:1;
behavior: url(http://domena.com/css/PIE.htc);
}
Jesli chodzi o classA to jest ona uzywana na tagu A o odpowiednim id. Zadne gradienty, ani tym bardziej zaokraglone rogi nie dzialaja.
ClassB uzywane jest na tagu UL o odpowiednim id. Dziala tylko gradient, bez zakraglonych rogow i cienia...
Plik PIE.htc znajduje sie w prawidlowej sciezce. Pod FF, Chrome i Opera wszystko bangla... pomozcie, prosze.Maja Miarecka edytował(a) ten post dnia 25.04.12 o godzinie 13:05