شفاف سازی پس زمینه سایت
می خوام پس زمینه سایت رو شفاف کنم تمام عناصر صفحه هم شفاف می شن به چه شکل می تونم این مشکل رو حل کنم ؟
11 پاسخ
شما می تونید با opacity این کار رو انجام بدید. یه div تعریف کنید که همه المنت ها داخل اون div قرار بگیرن. بعد می تونید به صورت زیر اینکار رو انجام بدید:
.transparent-div{
opacity: 0.5;
}
عددی که به opacity میدید باید بین 0 تا 1 باشه.
background-color:rgba(192,192,192,0.5);
فایل کامل رو بزارید بی زحمت، هم کدهای HTML هم کدها CSS.
در css کد rgb مقدار چهارم که برای شفاف سازی هست رو قبول نمی کنه
من حتئ کدی که شما برای نمونه فرستادین رو هم امتحان کردم اما متاسفانه بازم جواب نداد.
شما می تونید کد HEX رو تبدیل به rgb کنید و استفاده کنید. میتونید از سایت زیر برای اینکار استفاده کنید:
باید به جای rgb بنویسید rgba
لطف کنید کدی که نوشتید رو اینجا قرار بدید.
خیلی ممنون
می خوام خواسیت opacity رو به تگ body اضاف کنم ، وقتی این کار رو می کنم تمام عناصر صحنه شفاف می شن
اگر بخوام بر اساس مقادیر هگز رنگ بدم به چه شکل می تونم این کار رو بکنم
اگر فقط می خوایید پس زمینه شفاف بشه و پس زمینه هم رنگ هست، می تونید از background-color استفاده کنید، فقط به جای نوشتن نام رنگ یا کد رنگ از rgba استفاده کنید، چهار تا عدد میگیره، یه عدد برای رنگ و عدد چهارم برای شفافیت رنگ:
.transparent-div{
background-color: rgba(255,255,255,0.2);
}