كيف يمكنك وضع خلفية متدرجة على عناصر قائمة ASP.NET؟

Question

يريد الرئيس أن تبدو قائمة الصفحة الرئيسية أجمل.لقد قمت بإنشاء ملف التدرج الخاص بي باستخدام إحدى الأدوات المتاحة على الشبكة، ولا توجد مشكلة هناك..

حاولت إنشاء فئة CSS لكل عنصر قائمة، ولكن عندما أستخدم توجيه صورة الخلفية ومنشئ النمط، أحصل على سطر مثل:

background-image: url('file:///C:/Documents and Settings/Username/My Documents/Visual Studio 2008/WebSites/ThisSite/Images/Gradient.png')

...عندما ما يريد يكون

background-image: url('~/Images/Gradient.png')

بالطبع، لن يعمل عنوان url الأول إلا عندما أقوم بتصحيح الأخطاء على جهازي المحلي - انشر هذا وأنا في حالة تأهب.تعمل العديد من كائنات ASP.NET الأخرى مع "~/" للإشارة إلى دليل المستوى الأعلى لموقع الويب ولكن ملف CSS الخاص بي لا يعجبه ولا يمكنني تعيين صورة خلفية للتحكم في القائمة أو عناصر القائمة - يبدو وكأنه إغفال صارخ عندما أستطيع القيام بذلك مع العديد من عناصر التحكم الأخرى.

ماذا ينقصني؟

Answer 1

وأنت هناك تقريبا ... حاول هذا:

.menuStyle
{
  background-image: url('/images/BG.gif'); /* Putting a slash in front means its relative to the root.  No slash would be relative to the current directory. */
  background-repeat: repeat-x; /* assuming you have a vertical gradient. */
}

وعلى أمل أن يساعد.

Answer 2

وهذا رابط في CSS الخاص بك يحتاج إلى أن يكون رابط المطلق (أو نسبي) وعدم استخدام الخرائط تيلدا لأنها ليست مكون من جانب الخادم.

    background-image: url(  "/images/menu.jpg" );

Answer 3

وانها ليست إهمال صارخ. لا سهو على الإطلاق. تيلدا هو بناء ASP. في CSS الخاص بك فإنه لن يكون له أي معنى.

Answer 4

عملية "استبدال الكل" واحدة وستكون جاهزًا.

يستبدل الملف:///C:/المستندات والإعدادات/اسم المستخدم/المستندات/Visual Studio 2008/WebSites/ThisSite مع فارغة.

Answer 5

ولقد حاولت تعيين الخاصية خلفية صورة من CSS في تطبيق ASP.Net بلدي (أي إعطاء مسار نسبي كما هو موضح في هذا المنصب). ومع ذلك، فإنه لا يعمل بالنسبة لي. وفي وقت لاحق، ووضع خلفية الصورة كما background-image:url('http://localhost:1701/Images/BannerTileBackground.gif'); ذلك العمل لم ..

واسمحوا لي أن أعرف ما هو النهج الصحيح، والسبب في أنه لم يعمل من قبل.