تنظیم شفافیت و کمرنگ کردن Background توسط دستورات css
08:58:00 PM - ۱۴۰۰/۰۲/۲۶
سلام یک عکس رو توسط دستور زیر برای نمایش در Background سایتم انتخاب کردم . میخوام این عکس رو کمرنگ کنم و یا به عبارتی شفافیت عکس رو کم کنم.
background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),url("/images/background.jpg");
از دستور Opacity استفاده می کنم اما کل اجزای صفحه محو میشه یا شفافیت خودشون رو از دست میدن. برای تنظیم شفافیت یا کمرنگ کردن عکس پس زمینه توسط دستورات css باید چیکار کرد ؟
به این سوال امتیاز بدهید
0
تعداد بازدید این سوال : 89
پاسخ دهنده : YA30N
07:23:00 AM - ۱۴۰۰/۰۲/۲۸
سلام.
برای اینکار باید از استایل opacity استفاده کنید و مقدار آن را باید بین 0 تا 1 (یعنی عدد اعشاری) تنظیم کنید.
opacity: 0.1;
2 نظر
pedram_khan :
توی توضیحات هم نوشتم. دستور opacity باعث محو شدن همه المنتها میشه. من فقط میخوام تصویر بک گراند کمرنگتر بشه.
حذف
امتیاز کاربر : 102
رتبه کاربر : 10
تاریخ ثبت : ۰۳:۲۱ ۱۴۰۰/۰۲/۳۰
YA30N :
باید مقدار بدید. مقدار صفر قرار بدید کلا محو میشه.
حذف
امتیاز کاربر : 20
رتبه کاربر : 28
تاریخ ثبت : ۱۲:۱۴ ۱۴۰۰/۰۳/۰۱
آموزشهای پرطرفدار
سوالات مشابه
|
تاریخ :
۱۴۰۰/۰۳/۱۰
- ساعت :
08:14:00 AM
- بازدید :
81
- پاسخ :
1
|
|
تاریخ :
۱۴۰۰/۰۲/۲۴
- ساعت :
06:30:00 PM
- بازدید :
114
- پاسخ :
3
|
|
تاریخ :
۱۴۰۰/۰۲/۲۶
- ساعت :
11:31:00 PM
- بازدید :
79
- پاسخ :
1
|
|
تاریخ :
۱۴۰۰/۰۲/۰۶
- ساعت :
01:25:00 AM
- بازدید :
156
- پاسخ :
1
|
|
تاریخ :
۱۳۹۹/۰۶/۰۳
- ساعت :
09:45:00 PM
- بازدید :
432
- پاسخ :
1
|
|
تاریخ :
1398/09/06
- ساعت :
09:01:00 PM
- بازدید :
764
- پاسخ :
1
|
|
تاریخ :
1398/07/17
- ساعت :
01:33:00 PM
- بازدید :
1423
- پاسخ :
5
|
|
تاریخ :
۱۴۰۰/۰۱/۰۱
- ساعت :
08:01:00 PM
- بازدید :
220
- پاسخ :
2
|
|
تاریخ :
۱۳۹۹/۱۱/۱۷
- ساعت :
02:30:00 PM
- بازدید :
457
- پاسخ :
1
|
|
تاریخ :
۱۳۹۹/۱۲/۱۷
- ساعت :
11:33:00 AM
- بازدید :
227
- پاسخ :
1
|
آخرین سوالات ارسالی
|
تاریخ :
۱۴۰۰/۰۳/۲۳
- ساعت :
03:36:00 PM
- بازدید :
13
- پاسخ :
0
|
|
تاریخ :
۱۴۰۰/۰۳/۲۲
- ساعت :
01:44:00 AM
- بازدید :
41
- پاسخ :
1
|
|
تاریخ :
۱۴۰۰/۰۳/۲۰
- ساعت :
04:02:00 AM
- بازدید :
55
- پاسخ :
1
|
|
تاریخ :
۱۴۰۰/۰۳/۱۹
- ساعت :
12:44:00 PM
- بازدید :
40
- پاسخ :
1
|
|
تاریخ :
۱۴۰۰/۰۳/۲۰
- ساعت :
01:02:00 AM
- بازدید :
45
- پاسخ :
0
|
|
تاریخ :
۱۴۰۰/۰۳/۱۹
- ساعت :
10:24:00 AM
- بازدید :
48
- پاسخ :
1
|
|
تاریخ :
۱۴۰۰/۰۳/۱۹
- ساعت :
11:48:00 PM
- بازدید :
39
- پاسخ :
0
|
|
تاریخ :
۱۴۰۰/۰۳/۱۶
- ساعت :
05:20:00 AM
- بازدید :
119
- پاسخ :
2
|
|
تاریخ :
۱۴۰۰/۰۳/۱۲
- ساعت :
03:18:00 PM
- بازدید :
104
- پاسخ :
1
|
|
تاریخ :
۱۴۰۰/۰۳/۱۶
- ساعت :
03:23:00 PM
- بازدید :
59
- پاسخ :
1
|
پاسخ خود را ثبت نمایید ...
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.
ورود به سایت