یک جعبه (div) با اندازهٔ 300x200 پیکسل بسازید که پسزمینهٔ آن با استفاده از مقداری نیمهشفاف (opacity برابر با 0.5) نمایش داده شود و یک متن در مرکز آن قرار گیرد.
10.0 بازدید آخرین ویرایش در 201 روز قبل ساعت 03:35 0.0
برای حل این مسئله از HTML برای ساختار و CSS برای ظاهر استفاده کنید؛ بهترین روش برای نیمهشفاف کردن فقط پسزمینه استفاده از background-color: rgba(...., 0.5) یا hsla(...) است (مثلاً background-color: rgba(0, 128, 255, 0.5)). دقت کنید که خاصیت opacity همهٔ فرزندان را نیز تحتتأثیر قرار میدهد، پس اگر میخواهید فقط پسزمینه نیمهشفاف باشد و متن کاملاً واضح بماند از rgba/hsla یا یک ::before با پوشش نیمهشفاف استفاده کنید؛ برای مرکز کردن متن میتوانید از display:flex و align-items/justify-content بهره ببرید.
توسط پژوهشگر در 201 روز قبل ساعت 03:35 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای این کار بهتر است از rgba برای پسزمینه استفاده کنید تا تنها پسزمینه نیمهشفاف باشد و متن واضح بماند. با استفاده از display:flex و justify-content:center و align-items:center میتوانید متن را دقیقاً در مرکز div 300×200 قرار دهید. مطمئن شوید که تنها background-color با مقدار alpha 0.5 اعمال شود و opacity کل عنصر را تغییر ندهید (یا از ::before برای نیمهشفاف کردن پسزم background استفاده کنید). همچنین میتوانید اندازه و استایل متن را با font-size، color و padding تنظیم کنید تا نمای آن زیباتر شود.
گزارش