Gần đây tôi đã viết một bài viết về CSS3: Rounded Corners CSS, mà là một giải pháp tuyệt vời cho việc tạo ra các góc được làm tròn. Tuy nhiên, Internet Explorer nhưng không hỗ trợ nó, nhưng có một giải pháp mà bài viết này giải thích.
Hai liên kết sau đây chứng minh một phiên bản làm việc và cũng có một tập tin zip để bạn có thể tải về tất cả mọi thứ bạn cần để làm việc này.
HTML là khá thẳng về phía trước và sử dụng mã từ một bài báo khác - HTML5 hướng dẫn: Bắt đầu .
Để có được các góc được làm tròn làm việc trong IE, bạn sẽ cần JQuery và góc kịch bản JQuery cả hai đều được bao gồm trong file zip ở trên mà tôi đã được tham chiếu từ HTML.
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>
Sau đó, bạn chỉ đơn giản là sẽ cần phải cho trình duyệt góc mà bạn muốn được làm tròn.
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
Nếu bạn đang quen thuộc với CSS ở tất cả sau đó bạn sẽ có thể dễ dàng nhìn thấy cách này được áp dụng bằng cách sử dụng JavaScript như chúng tôi chỉ đơn giản bằng cách sử dụng các yếu tố, ID hoặc lớp trong dấu ngoặc kép để nhắm mục tiêu là một phần của HTML.
Tóm tắt thông tin
Và đó là tất cả để có nó. Bạn có thể tạo ra tất cả các loại hiệu ứng góc được làm tròn như trên các trang web giới thiệu các góc tròn . Cho đến bây giờ, tôi đã luôn luôn tạo ra các góc tròn bằng cách sử dụng phương pháp này, nhưng nhìn thấy sự đơn giản của giải pháp này Jquery, tôi bị cám dỗ để chuyển đổi cho Internet Explorer ít nhất và dựa trên CSS3 cho các trình duyệt WebKit và Mozilla.
Bạn nghĩ gì? Bạn vẫn còn sử dụng hình ảnh cho các giải pháp góc tròn hoặc là JavaScript và CSS3 phương pháp trở thành lây lan rộng nhiều hơn trong cộng đồng phát triển?
cảm ơn bạn Ram, giải pháp này đã giúp tôi rất nhiều. Bạn đang tìm các bài viết tốt như vậy từ bạn.