پس زمینه های عکس

اضافه کردن پس زمینه

با استفاده از عبارت، پس‌زمینه تصویر پوششی را به عناصر اضافه کنید کلاس .imagebg همراه با یک کودک عنصر .background-image-holder.

دارنده تصویر پس‌زمینه از ویژگی CSS 'background-size: cover' استفاده می‌کند تا اطمینان حاصل کند که پس‌زمینه بدون کشش یا کج کردن تصویر به عنصر والد متصل می‌شود.

<div class="imagebg">
	<div class="background-image-holder">
		<img alt="background" src="img/my-image.jpg" />
	</div>
	<div class="container">
		content
	</div>
</div>
					

نکته: از پس‌زمینه تصویر در ارتباط با scrims و overlays برای تجربه خوانایی بهتر متن.