Beberapa waktu yang lalu, seorang teman yang masih baru dalam produksi website menunjukkan kepada saya website yang dibuatnya dan meminta saya untuk membantu menyelesaikan masalah kode website. Kedua situs tersebut menggunakan metode produksi yang sama, dan masalah yang muncul pun sama persis. Saya bertanya kepadanya metode apa yang dia gunakan untuk membuatnya, dan dia menjawab bahwa setelah membuat versi di PS, HTML secara otomatis dihasilkan setelah diiris. Akibatnya, banyak pembatas yang muncul di HTML. 38sy.com, dan pembatas muncul. Akhirnya dia mencari solusi di Internet dan mendengar bahwa hal itu disebabkan oleh pemotongan yang tidak rata saat mengiris. Jadi saat membuat website www.suoying.net, dia memotongnya piksel demi piksel dengan ketat sesuai dengan syarat slicing. Tapi hasilnya masih sama, pembatasnya masih banyak.
Sebenarnya sejujurnya saya mengalami masalah yang sama ketika saya menggunakan tabel murni untuk membangun website, namun kemudian saya menjadi terbiasa menggunakan DIV+CSS, jadi saya mengesampingkan masalah ini dan tidak mempelajari solusinya.
Ketika seorang teman menanyakan pertanyaan ini, dia tiba-tiba teringat, jadi dia meluangkan waktu untuk menelitinya, dan menemukan sesuatu yang mencurigakan. Situasinya kira-kira sebagai berikut:
Saya pertama kali menggunakan PS untuk menggambar beberapa gambar acak, dan kemudian menggunakan beberapa goresan untuk menghasilkan HTML. Situasi pertama adalah seperti yang ditunjukkan di bawah ini:
Tidak ada pembatas yang muncul dalam kasus ini:
Setelah beberapa kali pemotongan untuk kedua kalinya, keadaannya adalah sebagai berikut:
Ini dia masalahnya...banyak pemisah
Jadi saya mundur selangkah demi selangkah. Ketika saya sampai di sini, pemisahnya menghilang. (Artinya, ketiga film berikut akan dihapus)
Satu langkah maju dan pembatas muncul.
Nampaknya film ketiga hingga terakhir menjadi highlight.
Setelah analisis yang cermat, tidak sulit untuk menemukan bahwa kemungkinan penyebab munculnya pemisah adalah karena selama pemotongan ketiga, irisan tersebut menutupi garis pemisah antara irisan kelima dan kedua yang dihasilkan oleh pemotongan otomatis. Untuk membuktikan pernyataan tersebut, saya gerakkan pisau ketiga satu langkah ke kanan, dan pemisahnya menghilang, seperti gambar di bawah ini:
Sejauh ini, jika analisis saya benar, alasan pemisah adalah karena pemotongan manual menutupi pemisah pemotongan yang dibuat secara otomatis, jadi ada tiga solusi:
1. Saat mengiris secara manual, jangan menutupi garis pemisah dari irisan yang dibuat secara otomatis (sepertinya agak tidak realistis);
2. Nonaktifkan pembuatan irisan otomatis (Saya tidak dapat menemukan cara untuk menonaktifkannya...ini agak lemah...);
3. Ubah ke cara pembuatan halaman web yang tidak perlu pemotongan (paling realistis haha).