سوال: آدرس دهی عکسها در استایل شیت [بایگانی]

niksoft

دوشنبه 11 آبان 1388, 19:53 عصر

با سلام

من وقتی در استایل شیت آدرس عکسی که داخل فولدر Images است رو میدم عکس لود نمیشه (فایل استایل شیت داخل فولدر دیگری است)

background-image: url('~/Images/imgHeader.jpg');

Chabok

دوشنبه 11 آبان 1388, 20:43 عصر

با سلام

کارکتر ~ در اینجا کاربرد ندارد . یعنی اصلاً قابل قبول نیست .
این کارکتر در ASP.net برای اشاره به مسیر اصلی پروژه به کار میرود و برای مسیرهای نسبی به کار گرفته می شود . ولی در css قابل قبول نمی باشد .

فایل استایل شیت داخل فولدر دیگری است

به همین دلیل شما باید مسیر را از کنار فایل css شروع کنید .

یعنی اگر فایل css شما در شاخه styles است و مسیر را بصورت

background-image: url('imgHeader.jpg');
وارد کنید یعنی فایل عکس شما در مسیر files/imgHeader.jpg قرار دارد .

یعنی مسیر دهی باید بر اساس مسیر فایل css باشد .

حال چون فایل ها در کنار یکدیگر نیستند می توانید توسط / به مسیر ریشه اشاره کنید .
و یا توسط .. به یک شاخه بالاتر اشاره کنید .

یعنی اگر فایل استایل شما داخل یک فولدر باشد و در کنار این فولدر پوشه تصاویر شما باشد باید مسیر ها بصورت زیر مقدار دهی شوند :

background-image: url('../Images/imgHeader.jpg');
یعنی یک شاخه به عقب بر گردید . سپس شاخه images و ما بقی ماجرا .

موفق باشید .