PDA

View Full Version : شفاف کردن background



sepehrazimi
جمعه 08 فروردین 1393, 18:31 عصر
سلام دوستان
یک سوال داشتم یک تگ P دارم و به backgruoud ان یک رنگ دادم حالا میخوام یک مقدار شفاف بشه منظورم پشتش دیده بشه باید چیکار کنم
با تشکر از دوستان گل.

ab.ali
جمعه 08 فروردین 1393, 20:15 عصر
میتونی به اون بک گراندت در css، خاصیت Opacity بدی. به یاد داشته باش که opacity مقادیر 0 تا 1 رو می گیره.برای مثال :


background{

opacity : 0.5

}

بعدش شفافیتش نصف شده و پشتش دیده می شه!!!:لبخندساده:

Omid Jackson
جمعه 08 فروردین 1393, 21:06 عصر
اگر فقط رنگش باشه میتونین از rgba استفاده کنین:
background-color: rgba(255,100,100,0.5);
اگر میخواین تمام اجزا شیشه ای باشه از opacity
opacity: 0.5;

mehdytux
شنبه 09 فروردین 1393, 01:58 صبح
دوست عزیز شما باید از کد رنگ rgba به معنی قرمز (r) ، سبز (g) ، آبی (b) و کنال شفافیت یا همون آلفا (a) ، استفاده کنی. مقدار کنال آلفا رو به میزانی که می خواهی رنگ شفاف بشه قرار بده. به عنوان مثال برای ضفاف کردن یک رنگ به میزان 50 درصد از مقدار 0.5 استفاده میشه. بازه مقادیر مجاز از 0 ( نامرعی ) تا 1 ( مرعی ، کدر ) هستش.
نحوه استفاده برای یک تگ p :

p{
background-color: rgba(255,63,128,0.5)
}