راهنمایی برای opacity

درود .
دقیقا متوجه منظورتون نشدم .
ولی فکر میکنم مشکلتون با z-index برطرف بشه .

سلام روز بخیر
برای اینکه opacity روی background سایت تاثیر بگذارید اما روی صفحه که روی آن قرار می‌گیرد، تاثیر نزارد، کافی است از rgba() برای تعیین رنگ زمینه استفاده کنید.

به عنوان مثال، می‌توانید از کد زیر برای قرار دادن یک background با opacity 50 درصد استفاده کنید و بدون این که بقیه صفحه تحت تاثیر قرار بگیرد:

body {
background-color: rgba(0, 0, 0, 0.5);
}

در اینجا، مقدار rgba(0, 0, 0, 0.5) برای زمینه body تنظیم شده است. مقدار اول (0)، مقدار قرمز رنگ است، مقدار دوم (0) مقدار سبز، مقدار سوم (0) مقدار آبی و مقدار چهارم (0.5) Opacity را تعیین میکنه.

سوالی داشتید درخدمتم.