💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ Mehrjoo
بک گراند صفحه
محسن موحد حل شده توسط محسن موحد

سلام . چطور میشه اگ فایل‌های عکس که توی فایل‌های سی اس اس هست برای بک گراند رو رندر کرد . من از ویت استفاده کردم و عکس لوگو رو توی پوشه ریسورس گذاشتم ولی عکس‌های دمو رو توی همون پوشه پابلیک گذاشتم بمونه . حالا چطور به فایل سی اس اسی که توی پوشه ریسورس گذاشتم بگم این عکس رو برو از پوشه پابلیک بخون؟؟

سلام،

برای بارگذاری عکس بک‌گراند از پوشه public در فایل CSS، چند راه داری:

1. استفاده از مسیر مستقیم در CSS: می‌تونی آدرس مستقیم عکس رو توی CSS بنویسی:

.example-class {
   background-image: url('/path/to/image/in/public/folder/image.jpg');
}

2.استفاده از تابع Blade asset: می‌تونی توی قالب Blade از تابع asset برای لینک دادن به عکس استفاده کنی:

<style>
   .example-class {
       background-image: url('{{ asset('path/to/image/in/public/folder/image.jpg') }}');
   }
</style>

3. انتقال عکس‌ها به پوشه resources: عکس‌ها رو به پوشه resources/images منتقل کن و به این شکل توی فایل CSS با Vite لینک بده:

.example-class {
   background-image: url('/images/image.jpg');
}
بهترین پاسخ
محسن موحد ۲۶ شهریور ۱۴۰۳، ۱۷:۱۸