Mengapa Sudut Atas Sel Meja Saya Tidak Membulat dalam IE9?

Masalah Jejari Sempadan dalam IE9: Sarung Sudut

Isu: Saya tidak dapat mencapai sudut bulat di kiri dan kanan atas tepi sel jadual dalam IE9, walaupun kod yang sama berfungsi dengan sempurna dalam Firefox, Chrome dan Safari. Apa yang kurang?

Snippet Kod:

border-left: solid 1px #444f82;
border-right:solid 1px #444f82;
border-top:solid 1px #444f82;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
-khtml-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
-khtml-border-radius-topleft: 7px;
behavior: url(/survey_templates/PIE.htc);

Jawapan:

Walaupun jejari sempadan disokong dalam IE9, ia memerlukan langkah tambahan untuk membolehkan keserasian. Untuk menyelesaikan isu ini, tambahkan pengepala meta berikut pada halaman anda:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Nilai "tepi" mengarahkan IE untuk menggunakan enjin pemaparan terbaharunya, memastikan ia mentafsir ciri CSS seperti jejari sempadan dengan betul. Oleh itu, dalam IE9, ia akan menggunakan enjin terbina dalam dan bukannya mod keserasian yang diketahui menyebabkan masalah dengan beberapa gaya CSS.

Atas ialah kandungan terperinci Mengapa Sudut Atas Sel Meja Saya Tidak Membulat dalam IE9?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!