Fan: web dasturlashga kirish Bajardi: Bakiev Xursandbek Mamatsaloevich Tekshirdi

Opacity (Opacity)
Birinchidan, shaffoflikni ko'rib chiqing, brauzerni qo'llab-quvvatlashga muhtoj bo'lgan ko'plab brauzerlar tufayli juda qiyin bo'lgan Inter-brauzer mosligiga erishish. Shaffoflik faqat CSS3-da paydo bo'lishiga qaramasdan, brauzerlar va erta versiyalar, ayniqsa InternetExplorer (DirectXfilter-ning ichki xususiyatlaridan foydalangan holda) tomonidan qo'llab-quvvatlandi. Kerakli kombinatsiyaga erishish qiyin vazifa bo'lishi mumkin va ba'zi foydalanuvchilar istalgan ta'sirni saqlab qolish uchun turli aralashmalardan foydalanadilar.
Quyida"o'qga chidamli " shaffoflikka erishishga imkon beradigan tasdiqlangan formula mavjud:
CSS


div {
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
0 qiymati elementning to'liq shaffofligiga mos keladi va 1, aksincha-uning shaffofligi.
Transparency (Transparency)
CSS3 shuningdek, oshkoralikni qayta tikladi. Siz endi alfa shaffofligi yoki tasvirlardagi bir rangli shaffoflik effektlari bilan tasvirlar bilan cheklanmaysiz. Zamonaviy brauzerlar RGB va HSL dan foydalanadi, siz taxmin qilishingiz mumkinki, standart RGB va HSl belgilaridan foydalanib, oxiriga biriktirilgan alfa shaffoflik qiymati foiz sifatida ifodalanadi.
Quyida 0.5 alfa shaffofligi (yoki 50%) bilan RGB va HSL ning oddiy misollari keltirilgan.:
CSS


a { color: rgba(170, 187, 204, 0.5); }
a { color: rgba(67%, 73%, 80%, 0.5); }