CSS - border-radius không hiển thị trong IE6/7/8

Question

Tôi đang sử dụng CSS sau đây để đạt được một biên giới tròn trên DIV tôi:

border: 1px solid #999; 
border-radius: 6px; 
-ms-border-radius: 6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 

Nhưng trong IE 6/7/8, mặc dù tôi bao gồm bán kính cụ thể của IE, nó không hiển thị đường viền DIV được làm tròn (nó hiển thị đường viền vuông).

Bất kỳ ý tưởng nào tại sao chỉ có IE 6/7/8 không hiển thị đường viền tròn?

Answer 1

Theo IE8, IE không hỗ trợ thuộc tính bán kính đường viền CSS3. Bạn không chắc chắn những gì bạn thấy mà nói nó đã làm. Bạn có thể sử dụng hình ảnh, javascript hoặc nhiều thủ thuật khác để làm tròn các góc trong IE.

Answer 2

không có trình khám phá internet bán kính-biên giới nào không hỗ trợ.

Điều 'mới nhất' microsoft đã nói về góc tròn được this old table+images hack có tiêu đề 'Ở phía trước của Curve' ;-)

Answer 3

IE không hỗ trợ border-radius.

Từ IE8 Expert Zone Chat:

Chris Wilson [MS] (Expert):

Q: [9] Bất kỳ kế hoạch để hỗ trợ CSS' border-radius, ví dụ. -ms-border-radius: 5px; ? Firefox và Safari có các triển khai thực hiện qua các hình thức làm cho chúng tôi có thể sử dụng để làm các góc tròn không có hình ảnh hoặc họa tiết và cải thiện hiệu suất tức là. http://preview.tinyurl.com/9y3tfn/

A: bán kính biên giới cao theo mong muốn danh sách, nhưng sẽ không có trong IE8.

Answer 4

Trong khi tôi nhận ra câu trả lời đã được chấp nhận, tôi muốn đề xuất - nếu bạn cần thêm lời khuyên/hỗ trợ/hướng dẫn- bạn có thể xem Curvy Corners; họ có một thư viện JS với các ví dụ.

Như, tất nhiên, làm MooTools, mặc dù với mô-đun của bên thứ ba (cho đến nay tôi có thể biết) từ phat fusion. Và jQuery có plugin góc bên thứ ba của riêng nó, từ methvin.