كيف يمكنني استخدام CSS لتعيين خلفية إذا كنت أستخدم إطار Zend؟

Question

كل شيء آخر 100 ٪ يعمل ، لذلك أنا إيجابي بنسبة 100 ٪ يكمن الخطأ في مسار الملف الذي أستخدمه للصورة.

لا يتم تحميل الصورة.

أيضاً

أ) أحتاج إلى ظهور الملف في مساحة عمل Zend ، كيف أفعل ذلك.

أو

ب) طريقي الخطأ.

إليكم ملف وريث ملف:

وهنا رمز CSS الخاص بي:

#nav-menu li{
    float: left;
    margin: 0 0.15em;
} 

#nav-menu li a:HOVER{
    background-color: yellow;
}

#nav-menu li a{
    background: url(./img/buttonbackground.jpg) #fff bottom left repeat-x;
    height: 2em;
    line-height: 2em;
    float: left;
    width: 9em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: none;
    text-align: center; 
} 

أؤكد لكم أن الصورة جسديًا هناك ، في قرصتي ، لكن المسار خطأ على ما أعتقد.

Answer 1

يجب أن يكون المسار النسبي بالنسبة لملف CSS ، إذا كان الرمز الذي نشرته في مجلد CSS ، فأنت بحاجة إلى:

background: url(../img/buttonbackground.jpg) #fff bottom left repeat-x;

Answer 2

الرائدة . هو جعل عنوان URL الصورة بالنسبة إلى عنوان URL لملف HTML. إزالة . سيجعل المسار مطلقًا للمضيف.

تجدر الإشارة إلى أن إطار Zend يستخدم URL إعادة كتابة لتوجيه جميع عناوين URL التي لا تخطط إلى ملف إلى index.php.

Answer 3

لقد تلقيت هذا أيضًا ، لكن لا يمكنني تذكر ما فعلته لإصلاحه.

حاول العثور على الرمز الذي يصور مثلثًا صغيرًا يشير إلى أسفل (أعلى متصفح الملف). إنها أكثر الأيقونة الصحيحة مع قائمة عرض تلميح للأدوات. انقر فوقه واختيار المرشحات. تحقق مما إذا كان هناك مرشح قد يتسبب في أن يكون الملف غير مرئي. إذا لم يساعد هذا في محاولة تبديل وجهات النظر. حاول أيضًا النقر بزر الماوس الأيمن على المجلد واختيار التحديث.

يمكنك أيضًا محاولة نسخ الملف من الموقع الفعلي عن طريق النقر بزر الماوس الأيمن والصقه في مجلد IMG من خلال Zend Studio/Eclipse للتأكد من وضعه هناك بالفعل.

إذا أسيء فهم السؤال وهذا يتعلق فقط بالملف الذي لا يظهر في webbrowser ، وتجاهل ما سبق وإزالة . (ولكن ليس /) من FilePath في ملف CSS لجعله بالنسبة إلى Webroot.