إضافة مائلة زائدة بعد تحريك عنوان URL المربع أسفل القائمة والشعار فوقه

StackOverflow https://stackoverflow.com/questions/2387667

سؤال

أنا أستخدم codeigniter.

تعرض صفحة منتجاتي جميع المنتجات التي لدينا ومن ثم يمكن للمستخدمين النقر على كل منتج _name للحصول على مزيد من التفاصيل حول هذا المنتج المحدد. لذلك ، لقد أعلنت المنتجات باعتبارها الفصل و product_name كدالة داخل فئة المنتج - حتى أتمكن من الحصول على عنوان URL www.com/products/product_name.

عندما أذهب الى www.company.com/products كل شيء على ما يرام ولكن إذا أضفت مائلة زائدة لذلك يبدو www.company.com/products/ نافذتي أسفل الشعار والقائمة تتحرك فوقها تخفي كل من الشعار والقائمة. يحدث الشيء نفسه عندما أذهب إلى www.company.com/products/product_name.

كيف يمكنني التأكد من أن النافذة أدناه لا تختبئ عند إضافة مائلات زائدة أو عندما أذهب إلى صفحات Product_Name.

سيكون موضع تقدير أي مساعدة.

هل كانت مفيدة؟

المحلول

المشكلة هي أنك حددت مسارًا نسبيًا لصورك. تحتاج إلى جعلها مطلقة ، أو على الأقل بالنسبة للموقع الحالي. وهذا يعني ، إذا قمت بتغيير مسار الصور الخاص بك من:

<img src="images/obsia.png">

ل

<img src="/images/obsia.png">
or
<img src="http://www.obsia.com/images/obsia.png">

سوف تحل مشكلتك.

السبب في حدوث ذلك هو أن المسار إلى الصور يتم تحديده بواسطة عنوان URL الأساسي. عندما تكون في http://www.obsia.com أو http://www.obsia.com/products, ، عنوان URL الخاص بك هو http://www.obsia.com.

إلى المتصفح بعد ذلك images/obsia.png يتم تقديمه http://www.obsia.com/image/obsia.png, ، الذي يفسره الخادم الخاص بك wwwroot/images/obsia.png والرابط النسبي يعمل.

ومع ذلك ، إذا قمت بذلك http://www.obsia.com/products/ عنوان URL الخاص بك الأساسي http://www.obsia.com/products ويتغير المسار النسبي لصورك http://www.obsia.com/images/obsia.png ل http://www.obsia.com/products/images/obsia.png. يفسر الخادم الخاص بك هذا على أنه ، الذي يفسره الخادم الخاص بك على أنه wwwroot/images/products/obsia.png, ، وهو ليس مسارًا صالحًا. يقوم الخادم بإرجاع 404 -إيراد في الصور المكسورة.

يمكنك رؤية هذا إذا كنت تستخدم لوحة Firebug's .NET. إرجاع طلب شعارك:

GET obsia.png
http://www.obsia.com/products/images/obsia.png

404 Not Found

obsia.com

539 B
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top