IE закругленные углы

Question

Я знаю, что во всем Интернете есть миллион потоков с закругленными углами, и я провел свое исследование и попробовал метод PIE.htc, но безуспешно.По какой-то причине он не работает даже в IE9 в соответствии с BrowserLab.

Может ли кто-нибудь с IE9 быть в состоянии подтвердить для меня?Я на Mac.

http://heyimart.com/clients/index.html

Вот код CSS, который я использую для скругления углов.

-webkit-border-top-right-radius: 120px;
-webkit-border-bottom-left-radius: 120px;
-webkit-border-radius: 0px 120px 0px 120px;
-moz-border-radius-topright: 120px;
-moz-border-radius-bottomleft: 120px;
-moz-border-radius: 0px 120px 0px 120px;
border-top-right-radius: 120px;
border-bottom-left-radius: 120px;
border-radius: 0px 120px 0px 120px;

-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
behavior: url(clients/PIE.htc);

Спасибо, Арт

Answer 1

Ничего на ie8 (нет ie9)…

Я использую это на ie8:

-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
behavior: url(PIE.htc);
margin:25px;
z-index: inherit;
zoom: 1; /* For IE6 */

Answer 2

используйте это, это работает

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style>
border-top-right-radius: 7px;
border-top-left-radius: 7px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
</style>

Answer 3

URL в behavior должны относиться к корню сервера.

Измените его на:

behavior: url(clients/PIE.htc);