Khi chuyển đổi PSD thành HTML hoặc thậm chí HTML5 và CSS, khó khăn hơn bao nhiêu để làm tròn các góc và làm cho các góc đó nhất quán trên tất cả các trình duyệt, đặc biệt là Internet Explorer?Góc tròn của trình duyệt chéo (không có hình ảnh)
Giả sử các góc được làm tròn bằng mã chứ không phải hình ảnh.
Bạn có thể xem Corner nếu bạn muốn có giải pháp JavaScript. Đó là nền tảng chéo.
Với thuộc tính CS3 border-radius, không khó. Một số trình duyệt có cách giải mã riêng của chúng, chẳng hạn như -moz-border-radius cho firefox và -webkit-border-radius cho safari và chrome.
Nhưng IE vẫn không hỗ trợ bán kính đường viền, do đó rất khó để làm cho nó hoạt động trên trình duyệt chéo.
Có một vài cách giải quyết cho trình duyệt chéo góc tròn không sử dụng javascript:
CSS Rounded Corners In All Browsers
An Experiment in Rounded Corners
Rounded corners in CSS (cross browser implementations)
Sử dụng CSS3 cho webkit & tắc kè các trình duyệt dựa, SVG cho Opera và VML cho IE.
Ngoài ra, bạn có thể muốn sử dụng số jQuery Corners nổi tiếng nếu bạn muốn thông qua Javascript.
Tôi biết đó là một chủ đề cũ, nhưng chỉ để bạn biết - liên kết đầu tiên và cuối cùng dựa vào việc sử dụng tệp '.htc', trong thực tế ** là ** JavaScript - vì vậy bạn không thể thực sự nói rằng hai giải pháp là "..không sử dụng Javascript" – techexpert
Bạn đã chấp nhận nhưng CSS3 PIE bạn chỉ có thể sử dụng thuộc tính border-radius (cùng với độ dốc, bóng tối và các tính năng CSS3 thú vị khác) trong IE3. Tôi nghĩ đó là một trong những cách sạch hơn để tiếp cận vấn đề.
Có vẻ tốt vì nó sử dụng thuộc tính CS3 cho các trình duyệt hỗ trợ và chuyển đổi thành hình ảnh cho IE. –
Chà, nó giống như một phát hiện của bánh xe hoặc một cái gì đó ... –
CSS3PIE [css3pie.com] như được đăng bên dưới có vẻ là giải pháp tốt nhất. – zachzurn