آدرس دهی عکس در css خارجی

ساعت : ۱۸:۵۱

تاریخ : ۲۸ آذر ۱۳۹۷

برای آدرس دهی عکس در css خارجی به چه نکاتی باید توجه کنیم ؟

شاید برای شما هم پیش اومده باشه که استایل هاتون رو داخل یک فایل css خارجی تعریف کرده باشید اما وقتی میخواستید داخل فایل css تون یک عکس رو آدرس دهی کنید به مشکل بخوره و عکسی که آدرس دادید رو پیدا نکنه.برای حل این مشکل به نکات زیر توجه کنید :

مشکل  آدرس دهی عکس در css خارجی

در آدرس دهی عکس ها به ترتیب پوشه ها دقت کنید

مهم ترین اصل در آدرس دهی عکس ها دقت کردن به ترتیب پوشه هاست. برای مثال عکس مقابل رو در نظر بگیرید ، پوشه ی CSS و images هر دو داخل پوشه ی public هستند و فایل style.css هم داخل پوشه CSS است.

حالا فرض کنید ما میخوایم از داخل فایل style.css عکسی را به نام test.png آدرس دهی کنیم که داخل پوشه ی images قرار دارد.

چون ما داخل پوشه ی CSS هستیم باید بهش بگیم یک فولدر به عقب برگرده و در اونجا بره داخل فولدر public و بعد فولدر images رو باز کنه و عکس test.png رو لود کنه. کدش به این صورت هست : ( /.. یعنی یک فولدر به عقب برگرد )

background: url("../images/test.png");

در آدرس دهی عکس ها به اسم و فرمت عکس دقت کنید

یکی دیگه از اشتباهات رایج برنامه نویس ها اینه که به اسم یا فرمت عکس دقت نمی کنن و همین بی دقتی ساده باعث میشه عکس مورد نظرشون یافت نشه.اولا به این نکته توجه کنید که اسم عکس به حروف کوچک بزرگ حساسه و باید دقیق تایپ بشه و ثانیا این که خیلی از برنامه نویس ها عکسشون مثلا png هست ولی jpg تایپ میکنن!



  • آدرس دهی عکس در css خارجی
    نام نویسنده : امیرمسعود طالاری
  • آدرس دهی عکس در css خارجی
    نام نویسنده : رضا ابولحسن زاده
  • آدرس دهی عکس در css خارجی
    نام نویسنده : رضا ابولحسن زاده
  • آدرس دهی عکس در css خارجی
    نام نویسنده : رضا ابولحسن زاده

درباره نویسنده : برنامه نویس وب و کارشناسی ارشد رشته نرم افزار

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *