ล่าสุดที่ผมเขียนบทความเกี่ยวกับ CSS3: มุม CSS โค้ง ซึ่งเป็นทางออกที่ดีสำหรับการสร้างมุมโค้งมน อย่างไรก็ตาม Internet Explorer ยังไม่สนับสนุนมัน แต่มีวิธีการแก้ปัญหาที่บทความนี้จะอธิบาย
ต่อไปนี้แสดงให้เห็นถึงการเชื่อมโยงทั้งสองรุ่นที่ทำงานและยังไฟล์ซิปเพื่อให้คุณสามารถดาวน์โหลดทุกอย่างที่คุณจำเป็นต้องรับการทำงานนี้
HTML สวยตรงไปข้างหน้าและใช้รหัสจากบทความอื่น - กวดวิชา HTML5: เริ่มต้น .
เพื่อที่จะได้รับมุมกลมทำงานใน IE ที่คุณจะต้อง JQuery และ สคริปต์มุม JQuery ซึ่งทั้งสองอย่างจะรวมอยู่ในไฟล์ซิปด้านบนซึ่งผมได้อ้างอิงจาก HTML แล้ว
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>
ถัดไปคุณก็จะต้องบอกเบราว์เซอร์ซึ่งมุมที่คุณต้องการจะปัดเศษ
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
ถ้าคุณคุ้นเคยกับ CSS ที่แล้วคุณควรจะสามารถเห็นได้อย่างง่ายดายวิธีการนี้ถูกนำไปใช้โดยใช้ JavaScript ในขณะที่เรากำลังใช้เพียงองค์ประกอบ, ID หรือระดับภายในเครื่องหมายคำพูดในการกำหนดเป้าหมายส่วนหนึ่งของ HTML ที่
ข้อมูลอย่างย่อ
และนั่นคือทั้งหมดที่มีให้มัน คุณสามารถสร้างทุกชนิดของผลกระทบที่มุมโค้งมนตามที่ปรากฏใน เว็บไซต์สาธิตกลมมุม . จนถึงตอนนี้ฉันเคยสร้างมุมโค้งมนโดยใช้ วิธีการนี้ แต่เห็นความเรียบง่ายของการแก้ปัญหา Jquery นี้ผมอยากจะเปลี่ยนสำหรับ Internet Explorer อย่างน้อยและพึ่งพา CSS3 สำหรับ Webkit และเบราว์เซอร์ Mozilla
คุณคิดอย่างไร? คุณยังคงใช้ภาพสำหรับโค้งมนโซลูชั่นมุมหรือ JavaScript และวิธีการ CSS3 เป็นมากขึ้นในการแพร่กระจายกว้างการพัฒนาชุมชน?
ขอขอบคุณคุณรามวิธีนี้ช่วยให้ฉันมาก กำลังค้นหาบทความที่ดีดังกล่าวจากคุณ