Nie wierz jak zrobić zaokrąglone rogi w Internet Explorer? To ten poradnik jest właśnie dla ciebie 🙂
To bardzo prosty sposób jak zrobić zaokrąglone rogi w Internet Explorer, ah ta przeglądarka…, zawsze jak robię jakąś stronę, to aby zaokrąglić rogi w IE używam dodatkowo kilku plików, które w paczce nazywają się PIE.
Jak podłączyć ten skrypt do naszego szablonu?
W pliku CSS naszego szablonu w miejscu gdzie jest div z zaogrąglonymi rogami dodajemy na jego końcu:
W pliku CSS naszego szablonu w miejscu gdzie jest div z zaogrąglonymi rogami dodajemy na jego końcu:
behavior: url(PIE.htc);
Przykład:
#page {
position: relative;
width: 650px;
margin: 0 auto;
padding: 10px;
background: #00AEEF;
-webkit-box-shadow: #999 0 0 12px;
-moz-box-shadow: #999 0 0 12px;
box-shadow: #999 0 0 12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.htc);
}
position: relative;
width: 650px;
margin: 0 auto;
padding: 10px;
background: #00AEEF;
-webkit-box-shadow: #999 0 0 12px;
-moz-box-shadow: #999 0 0 12px;
box-shadow: #999 0 0 12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.htc);
}
Do pobrania na http://css3pie.com/download/ lub też bezpośrednio z mojej stronki:
Jeśli chodzi o wersję 2 (beta), to jak zauważyłem nie działa, ale nie wiem czemu może coś źle robię, ale jak coś to tutaj linki:
