تنظیم شفافیت و کمرنگ کردن Background توسط دستورات css
08:58:00 PM - 1400/02/26
سلام یک عکس رو توسط دستور زیر برای نمایش در Background سایتم انتخاب کردم . میخوام این عکس رو کمرنگ کنم و یا به عبارتی شفافیت عکس رو کم کنم.
background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),url("/images/background.jpg");
از دستور Opacity استفاده می کنم اما کل اجزای صفحه محو میشه یا شفافیت خودشون رو از دست میدن. برای تنظیم شفافیت یا کمرنگ کردن عکس پس زمینه توسط دستورات css باید چیکار کرد ؟
به این سوال امتیاز بدهید
0
تعداد بازدید این سوال : 9527
پاسخ دهنده : YA30N
07:23:00 AM - ۱۴۰۰/۰۲/۲۸
سلام.
برای اینکار باید از استایل opacity استفاده کنید و مقدار آن را باید بین 0 تا 1 (یعنی عدد اعشاری) تنظیم کنید.
opacity: 0.1;
2 نظر
pedram_khan :
توی توضیحات هم نوشتم. دستور opacity باعث محو شدن همه المنتها میشه. من فقط میخوام تصویر بک گراند کمرنگتر بشه.
حذف
امتیاز کاربر : 274
رتبه کاربر : 6
تاریخ ثبت : ۰۳:۲۱ ۱۴۰۰/۰۲/۳۰
YA30N :
باید مقدار بدید. مقدار صفر قرار بدید کلا محو میشه.
حذف
امتیاز کاربر : 20
رتبه کاربر : 36
تاریخ ثبت : ۱۲:۱۴ ۱۴۰۰/۰۳/۰۱
آموزشهای پرطرفدار
سوالات مشابه
|
تاریخ :
1401/01/28
- ساعت :
04:04:00 PM
- بازدید :
2660
- پاسخ :
1
|
|
تاریخ :
1404/01/03
- ساعت :
12:18:00 PM
- بازدید :
200
- پاسخ :
1
|
|
تاریخ :
1404/01/03
- ساعت :
10:39:00 AM
- بازدید :
181
- پاسخ :
1
|
|
تاریخ :
1404/01/02
- ساعت :
05:05:00 PM
- بازدید :
247
- پاسخ :
1
|
|
تاریخ :
1398/10/18
- ساعت :
10:26:00 PM
- بازدید :
3367
- پاسخ :
2
|
|
تاریخ :
1403/10/20
- ساعت :
12:45:00 AM
- بازدید :
304
- پاسخ :
0
|
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
1213
- پاسخ :
1
|
|
تاریخ :
1398/09/21
- ساعت :
09:53:00 AM
- بازدید :
6532
- پاسخ :
7
|
|
تاریخ :
1399/06/16
- ساعت :
07:18:00 PM
- بازدید :
8562
- پاسخ :
4
|
|
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2924
- پاسخ :
2
|
آخرین سوالات ارسالی
|
تاریخ :
1404/04/12
- ساعت :
01:15:00 PM
- بازدید :
6
- پاسخ :
0
|
|
تاریخ :
1399/12/17
- ساعت :
02:47:00 PM
- بازدید :
8024
- پاسخ :
4
|
|
تاریخ :
1401/01/28
- ساعت :
04:04:00 PM
- بازدید :
2660
- پاسخ :
1
|
|
تاریخ :
1404/04/04
- ساعت :
02:25:00 PM
- بازدید :
37
- پاسخ :
1
|
|
تاریخ :
1404/04/04
- ساعت :
03:35:00 PM
- بازدید :
45
- پاسخ :
1
|
|
تاریخ :
1404/03/22
- ساعت :
06:32:00 PM
- بازدید :
85
- پاسخ :
0
|
|
تاریخ :
1403/10/08
- ساعت :
06:22:00 PM
- بازدید :
329
- پاسخ :
1
|
|
تاریخ :
1399/07/29
- ساعت :
05:26:00 PM
- بازدید :
8987
- پاسخ :
1
|
|
تاریخ :
1404/03/22
- ساعت :
11:17:00 PM
- بازدید :
130
- پاسخ :
2
|
|
تاریخ :
1404/03/20
- ساعت :
01:31:00 PM
- بازدید :
69
- پاسخ :
1
|
پاسخ خود را ثبت نمایید ...
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.
ورود به سایت