سلام و وقت بخیر خدمت شما استاد ارجمند
می دونم این سوال رو باید در دوره جامع html css می پرسیدم اما در داخل پروژه با یه مشکلی در رابطه با عکس پس زمینه مواجه شدم.
وقتی از background-image استفاده میکنیم مثلا یه تگ div یا section باز میکنیم و کلاس bg-img رو بطور مثال میدیم، بعدش میایم تو css از کلاسش برای اعمال خاصیت background image استفاده میکنیم. اما تا زمانی که div با کلاس bg-img داخلش محتوا نباشه تصویر نمایش داده نمیشه مثل رنگ ها. درست ؟
خب شما تو پروژه دومتون که بخش intro رو داشتید طراحی میکردید من دیدم یه سکشن خالی با کلاس bg-1 درست کردین برای عکس های هر ستون و عکس هم نمایش داده شد و من هم مثل شما انجام دادم نشد. وقتی سری قبلی ازتون پرسیدم که هرکاری میکنم عکس پس زمینه اعمال نمیشه در نهایت به تگ پرنت کلاس bg-1 رو دادم.
مگر نباید background-image رو به پرنت بدیم و child ها که داخل همون div هستن روش اعمال بشن؟
الان این، یک خط از کدهای نوشته شده توسط شما هست:
<section class="intro-1-3-item intro-h-50 position-relative h-md-300px">
<section class="img-bg bg-2 intro-h-100"></section>
<section class="intro-item-caption">
<h3 class="caption-title">
<b>
Russians Bisiops Condems Cryptocurrecy
</b>
</h3>
<ul class="caption-info-bar">
<li>Jan 25, 2018 </li>
<li> <i class="fas fa-bolt text-yellow"></i>30,190 </l>
<li><i class="fas fa-comments text-yellow"></i>30</li>
</ul>
</section>
</section>سلام وقت بخیر
از بخش اینسپکت باید بررسی کنید ببینید این دستوری که دادیم باعث چه کاری شده
این باعث میشه متوجه بشید
باز از اینسپکت چک کردید متوجه نشدید بگید من توضیح بدم