منذ بعض الوقت، أطلعني صديق كان جديدًا في مجال إنتاج مواقع الويب على موقع الويب الذي أنشأه وطلب مني المساعدة في حل مشكلة كود موقع الويب. يستخدم كلا الموقعين نفس طريقة الإنتاج، والمشاكل التي تنشأ هي نفسها تمامًا. سألته عن الطريقة التي استخدمها في إنشاء ذلك، فأجاب أنه بعد إنشاء الإصدار في PS، تم إنشاء HTML تلقائيًا بعد التقطيع، ونتيجة لذلك، ظهر الكثير من المحددات في HTML. أولاً، قام بإنشاء موقع الويب www. 38sy.com، وظهرت المحددات، وأخيرًا، بحث عن حل على الإنترنت وسمع أن سبب ذلك هو التقطيع غير المتساوي أثناء التقطيع، لذلك عند إنشاء موقع الويب www.suoying.net، قام بقصه بكسلًا بكسل وفقًا صارمًا مع متطلبات التقطيع ولكن النتيجة لا تزال هي نفسها، لا يزال هناك الكثير من المحددات.
في الحقيقة، بصراحة، واجهت نفس المشكلة عندما كنت أستخدم الجداول النقية لبناء الموقع، لكن فيما بعد اعتدت على استخدام DIV+CSS، لذلك وضعت هذه المشكلة جانبًا ولم أدرس الحل.
عندما سأل أحد الأصدقاء هذا السؤال، تذكره فجأة، فوجد الوقت للبحث عنه، فوجد شيئًا مريبًا. الوضع تقريبا كما يلي:
لقد استخدمت PS أولاً لرسم بعض الصور العشوائية، ثم استخدمت بعض الضربات لإنشاء HTML. الموقف الأول كما هو موضح أدناه:
لا يظهر أي محدد في هذه الحالة:
وبعد عدة قطع للمرة الثانية أصبح الوضع على النحو التالي:
وهنا تأتي المشكلة...الكثير من الفواصل
لذلك تراجعت خطوة بخطوة عندما وصلت إلى هنا، اختفى الفاصل. (أي أنه سيتم حذف جميع الأفلام الثلاثة التالية)
خطوة واحدة للأمام ويظهر المحدد.
يبدو أن الفيلم الثالث قبل الأخير هو الأبرز.
بعد التحليل الدقيق، ليس من الصعب العثور على أن السبب المحتمل لظهور الفاصل هو أنه أثناء القطع الثالث، غطت الشريحة الخط الفاصل بين الشريحتين الخامسة والثانية الناتج عن التقطيع التلقائي. ولإثبات هذا القول قمت بتحريك السكين الثالثة خطوة إلى اليمين، فاختفى الفاصل، كما هو موضح أدناه:
حتى الآن، إذا كان تحليلي صحيحًا، فإن سبب الفواصل هو أن التقطيع اليدوي يغطي فواصل التقطيع التي تم إنشاؤها تلقائيًا، لذلك هناك ثلاثة حلول:
1. عند التقطيع يدويًا، لا تقم بتغطية الخطوط الفاصلة للشرائح التي تم إنشاؤها تلقائيًا (يبدو هذا غير واقعي بعض الشيء)؛
2. تعطيل إنشاء الشرائح تلقائيًا (لم أتمكن من العثور على طريقة لتعطيله...إنه ضعيف بعض الشيء...)؛
3. قم بالتغيير إلى طريقة إنشاء صفحة الويب التي لا تتطلب التقطيع (الأكثر واقعية، هاها).