เมื่อไม่นานมานี้ เพื่อนที่เพิ่งเริ่มสร้างเว็บไซต์ได้แสดงเว็บไซต์ที่เขาสร้างให้ผมดู และขอให้ผมช่วยแก้ปัญหาโค้ดของเว็บไซต์ ทั้งสองไซต์ใช้วิธีการผลิตแบบเดียวกัน และปัญหาที่เกิดขึ้นก็เหมือนกันทุกประการ ฉันถามเขาว่าเขาใช้วิธีไหนในการสร้าง และเขาก็ตอบว่าหลังจากสร้างเวอร์ชันใน PS แล้ว HTML จะถูกสร้างขึ้นโดยอัตโนมัติหลังจากการสไลซ์ เป็นผลให้มีตัวคั่นจำนวนมากปรากฏขึ้นใน HTML ขั้นแรกเขาสร้างเว็บไซต์ www. 38sy.com และตัวคั่นก็ปรากฏขึ้น ในที่สุด เขาก็ค้นหาวิธีแก้ปัญหาบนอินเทอร์เน็ตและได้ยินมาว่ามันเกิดจากการหั่นที่ไม่สม่ำเสมอระหว่างการตัด ดังนั้น เมื่อสร้างเว็บไซต์ www.suoying.net เขาจึงตัดมันทีละพิกเซลอย่างเคร่งครัด ด้วยข้อกำหนดในการสไลซ์แต่ผลลัพธ์ก็ยังเหมือนเดิมยังมีตัวคั่นอีกมากมาย
พูดตามตรง ฉันมีปัญหาเดียวกันตอนที่ฉันใช้ตารางล้วนๆ เพื่อสร้างเว็บไซต์ แต่ต่อมาฉันเริ่มคุ้นเคยกับการใช้ DIV+CSS ดังนั้นฉันจึงละทิ้งปัญหานี้และไม่ได้ศึกษาวิธีแก้ปัญหา
เมื่อเพื่อนถามคำถามนี้ จู่ๆ เขาก็จำได้ จึงหาเวลาค้นคว้าและพบสิ่งน่าสงสัย สถานการณ์โดยประมาณมีดังนี้:
ขั้นแรกฉันใช้ PS เพื่อวาดภาพแบบสุ่ม จากนั้นใช้จังหวะสองสามจังหวะเพื่อสร้าง HTML สถานการณ์แรกเป็นไปตามที่แสดงด้านล่าง:
ไม่มีตัวคั่นปรากฏในกรณีนี้:
หลังจากตัดบางส่วนเป็นครั้งที่สอง สถานการณ์จะเป็นดังนี้:
มาถึงปัญหา...ตัวคั่นเยอะมาก
ฉันจึงถอยกลับไปทีละก้าว เมื่อมาถึงตรงนี้ ตัวคั่นก็หายไป (นั่นคือภาพยนตร์ทั้งสามเรื่องต่อไปนี้จะถูกลบออกทั้งหมด)
ก้าวไปข้างหน้าหนึ่งก้าวและตัวคั่นจะปรากฏขึ้น
ดูเหมือนว่าภาพยนตร์เรื่องที่สามถึงสุดท้ายจะเป็นไฮไลท์
หลังจากการวิเคราะห์อย่างรอบคอบแล้ว ก็พบว่าเหตุผลที่เป็นไปได้ที่ตัวแยกปรากฏขึ้นนั้นไม่ใช่เรื่องยากก็คือในระหว่างการตัดครั้งที่สาม ชิ้นนั้นครอบคลุมเส้นแบ่งระหว่างชิ้นที่ห้าและชิ้นที่สองที่สร้างขึ้นโดยการหั่นอัตโนมัติ เพื่อพิสูจน์ข้อความนี้ ฉันขยับมีดเล่มที่สามไปทางขวาหนึ่งก้าว และตัวคั่นก็หายไป ดังที่แสดงด้านล่าง:
จนถึงตอนนี้ หากการวิเคราะห์ของฉันถูกต้อง สาเหตุของตัวแยกก็คือ การแบ่งส่วนแบบแมนนวลครอบคลุมตัวแยกส่วนที่สร้างขึ้นโดยอัตโนมัติ ดังนั้นจึงมีวิธีแก้ปัญหา 3 แบบ:
1. เมื่อหั่นด้วยตนเอง อย่าปิดบังเส้นแบ่งของชิ้นที่สร้างขึ้นโดยอัตโนมัติ (ดูเหมือนว่าจะไม่สมจริงเล็กน้อย)
2. ปิดการใช้งานการสร้างสไลซ์อัตโนมัติ (ฉันไม่สามารถหาวิธีปิดการใช้งานได้...มันค่อนข้างอ่อนแอ...)
3. เปลี่ยนมาใช้วิธีสร้างเว็บเพจที่ไม่ต้องสไลซ์ (สมจริงที่สุด 555)