CSS پس منظر شفافيت. شفاف پس منظر يا CSS سان متن

سان CSS3 ويب دارو مدار ڪيترن ئي طريقن ۾ ڪم جي advent آسان ۽ وڌيڪ منطقي بڻجي وئي آهي: سڀ کان پوء، تون هاڻي واقعي flexibly ڪنهن به شئي معيا ڪري سگهن ٿا، گهٽ ايف JavaScript رضايت آهي. سنڌ جو چوڻ آهي توهان جي پس منظر جي شفافيت جي پورائي ڪرڻ جي ضرورت ڏي - CSS کي فوري طور تي ڪيترن ئي اختيارن کي پيش ڪري.

پس منظر جزن جي سيٽ جي بيان ڪيو ويو آهي (پس منظر-تصوير، پس منظر-جاگرافيائي بيهڪ ، پس منظر-ڪرائون سائيز واري، پس منظر-ورجائي، پس منظر-منسلڪ، پس منظر-اصليت، پس منظر-ڪلپ، پس منظر-رنگ)، جن مان هر هڪ الڳ لڳايو ڪري سگهجي ٿو يا گڏ ٿيل سنڌ جي وصف هيٺ پس منظر. اسان کي تفصيل سان انهن مان هر ٻڌڻ گھرجي.

منسوب ٿيل پس منظر-رنگ

CSS ۾، پس منظر جو رنگ ڪيترن ئي طريقن ۾ مقرر ڪري سگهجي ٿو: هڪ hex ڪوڊ، رنگ جو نالو يا ڳسن-داخل استعمال ڪري. CSS3 ۾ ان RGBA سان ڳسن-لکندا اختيار جي بدران استعمال ڪرڻ ممڪن ٿيو.

پس-رنگ:: # FFDAB9 Hex رنگ ڪوڊ جي lattice کان پوء سنڌ جي ملڪيت ۾ درج آهي. هن ۾ داخل ٿيڻ ۾ سنڌ جي ڪردارن کي هڪ ئي جوڙو آهي ته، سنڌ جي ڪوڊ اڪثر ڪري ٿوري پٽي آهي: # ccff00 # cf0 طور تي لکيل ڪري سگهجي ٿو:

جسم {پس منظر-رنگ: # cf0 ؛}.

هن جو نالو سڀ کان ڌاريا رنگ ۾ به، آهي. مثال طور، سنڌ جي معياري ڳاڙهو ۽ اڇو سان گڏوگڏ توهان NavajoWhite (#FFDEAD) يا Honeydew2 (# E0EEE0) استعمال ڪري سگهو ٿا:

جسم {پس منظر-رنگ: واڱڻائي؛ }.

جنهنڪري اختيار ڳسن يا RGBA داخلا اوهان کي رڳو نه رنگ پر به CSS پس منظر جي شفافيت ڄاڻائي ڪرڻ جي اجازت ڏيندو آهي، پر هن جو طريقو رڳو يعني ورجن 9 کان آڳاٽي ۾ ڪم. ٻين برائوزرن شفافيت سان عام نسخو ياد رکڻ. جي W3C معيار موجب ان جو وڌيڪ ويچارا ڳسن جي بدران اڃا RGBA استعمال ڪرڻ افضل آهي.

RGBA پس منظر ۾ سنڌ جي آخري قدر ۽ 1 (opaque) کي 0 (شفاف) کان opacity ڪندو آھي.

ڪي غير معمولي انهيء ڪري سگهو ٿا. ان پس منظر رنگ جي HSL ۽ اٺاويهه ميل استعمال ڪندي مقرر ڪري سگهجي ٿو. ٻئي CSS3 کي شامل هئا، ۽ تنهن ڪري يعني نسخو 9 يا اعلي جي حمايت نه آهن. Embodiments هڪجهڙائي ڳسن يا RGBA، صرف هڪ مختلف فارميٽ ۾: رنگت (پاڇي - جي رنگ ڦيٿي تي قدر، درجن ۾ ڏنو ويو آهي)، Saturate (saturation - هڪ في سيڪڙو جيئن رنگ شدت، 0 کان 100 تائين)، Lightness (lightness - ديرو، ماپ اهڙي طرح Saturate سميجو ).

منسوب ٿيل پس منظر-تصوير

جي شفاف پس منظر جي سڀ کان پار-برائوزر ورشن - هن جي تصوير جي استعمال ڪرڻ آهي. CSS3 ۾، توهان کان به وڌيڪ تصويرون مقرر ڪري سگهي ٿو، هن ۾ ڪاما جي ذريعي ڪيو ويندو آهي. مثال طور:

{پس منظر-جسم تصوير: URL (bg1.png)، URL (bg2.png)}.

به IE8 جي حمايت جو هيء طريقو. جي ترتيب ۾ استعمال جي رٻڙ جي پس منظر ۾ ڪيترن ئي تصويرون. خاص، ڪنهن به تصوير استعمال ۽ CSS ۾ پس منظر جو رنگ قائم، صارفين رڳو هڪ تصوير اپلوڊ ڪري سگهو ٿا ته جيئن کي نه وساريو.

منسوب ٿيل پس منظر-پوزيشن

توهان جي پس منظر يونٽ قائم ڪرڻ جي تصوير استعمال ڪريو ٿا، CSS توهان جي اسڪرين تي ڪٿي جي تصوير پوزيشن ڪرڻ جي اجازت ڏئي. ڊفالٽ طور، سنڌ جي تصوير کي اپر کاٻي ڪنڊ ۾ واقع آهي. وصف يا زباني هدايتون (مٿي، تري، رهجي، حق)، هڪ عددي (دلچسپي، جزا ۽ ٻين يونٽن) لڳن ٿا. هن صورت ۾، توهان کي ٻه انهيء، افقي ۽ عمودي ڄاڻائي هجڻ ضروري آهي:

جسم {پس منظر-حيثيت: حق جو مرڪز ؛} - هن مثال ۾، جي طرز جي صفحي جي ساڄي پاسي تي واقع ٿي ويندي، هڪ ئي ڪرڻ جي تصوير جي فاصلي جي چوٽي ۽ تري.

منسوب ٿيل پس منظر-سائيز

ڪڏهن ڪڏهن ان جي CSS پس منظر ڊگھو يا ان جي ماپ جي خاتمي لاء ضروري آهي. هن ڪندا، جي وصف پس منظر-سائيز استعمال ڪريو، ۽ پس منظر جي ماپ جا جزا يا شرح، ۽ ڪنهن ٻئي يونٽن ۾ مقرر ڪري سگهجي ٿو.

برائوزر پريفڪس جي اوائلي نسخن ۾ استعمال ڪيو ويندو ڪرڻ ۾ هڪ پس منظر جي صحيح ڊسپلي لاء: هن وصف سان، نه ڪي مسئلا آهن. جي حقيقت، موجوده نسخو پوريء طرح هن وصف جو حامي ۽ مخصوص مال جي ضرورت غائب.

منسوب ٿيل پس منظر-منسلڪ

جڏهن ته scrolling هن وصف جي پس منظر تصويرون جو رويو شامل ناهي. پوء، ان (، جي ورثي ۾ شامل نه ان جي جزن ۾ هن مضمون ۾ ڳالهه ٻولهه جي موڪليل لاء ڪل) 3 انهيء وٺي سگهن ٿا:

• مقرر - مقرر جي پس منظر تي تصوير ٺاهيندي؛
• ڏسو - جي جزن جي آرام سان پس منظر کليل ڪتاب؛
• مقامي - جيڪڏهن scrolling مواد ڪئي پس منظر تي تصوير scrolled آهي. پس منظر ته طئه جي موڪليل کان چوڻي مقرر ڪئي آهي.

استعمال جا مثال:

جسم {پس منظر-منسلڪ مقرر}.

هن وقت، اهو يقين ڪريو ته گذريل مال (مقامي) جي حمايت نه ڪندو آھي.

منسوب ٿيل پس منظر-بڻ

هن وصف جي پوزيشن هدايت لاء ذميوار آهي. شروعات برائوزر پريفڪس جي استعمال جي ضرورت آهي. مال پاڻ ٽي جي حراست ۾ ڪئي آهي:

• padding-خاني جي برتري طرز کي مائٽ ٿيل آهي، جڏهن ته کاتي ۾ ئي طئه جي ٿولهه کڻڻ؛
• سرحد-خاني مال جو نظارو کان مختلف ۾ ته حد جي لائين مڪمل ٿي سگهي ٿو يا جزوي جي طرز مٿان چڙھي؛
• مواد-خاني پوزيشن تصوير ان جي مواد pryavyazyvaya.

اوھان کي گھڻن انهيء ڄاڻائي، ته پوء برائوزر پنهنجي واٽ ۾ پڇن.ذاتي ڪري سگهي ٿو: يقين ۽ ناٽڪ ئي پهريون اختيار سمجهندا آهن.

منسوب ٿيل پس منظر-ورجائي

هڪ راڄ جي طور تي، ته ان پس منظر جو عڪس لکيو وڃي ٿو، ان horizontally يا vertically بار بار ٿي هجڻ ضروري آهي. هن جي لاء ۽ سنڌ جي وصف پس منظر-ورجائي استعمال ڪيو. اهڙيء طرح، بلاڪ پس منظر، CSS جنهن اهڙي ملڪيت تي مشتمل ڪيترن ئي اصولن مان هڪ آهي ڪري سگهو ٿا:

• ڪو-ورجائي - جي تصوير هڪ واحد نسخو ۾ هڪ صفحي تي نظر اچن ٿا.
• ورجائي - پس منظر جي x ۽ وائي ۾ بار بار ڪيو آهي.
• ورجائي-x - رڳو horizontally؛
• ورجائي-وائي - رڳو vertically؛
• خلا - پس منظر بار بار آهي، پر جيڪڏهن تارن جي تصويرن جي وچ ۾ ڀريندا ڪرڻ ممڪن نه آهي خالي ٿيندا آهن؛
• لکين - جي تصوير، ننڍي آهي ته ان سڄي تصويرن جي سڄي علائقي ڀريندا نه رکندو آھي.

ان جي جزن جي مثال:

جسم {پس منظر-ورجائي: no- ورجائي ورجائي} - اهڙي پس منظر-ورجائي: ورجائي-وائي.

CSS3 ۾ وڌيڪ تصويرون لاء انهيء جڏھن جي حراست ۾، ڪاما کان الڳ لسٽنگ ڄاڻائي ڪري سگهون ٿا.

منسوب ٿيل پس منظر-ڪلپ

هن وصف جي حدون (مثال طور، سنڌ جي dotted فريم جي صورت ۾) هيٺ پس منظر جي رويي defines:

• padding-خاني - پس منظر کي بلاڪ جي گهرو ۾ ڏيکاريل؛
• سرحد-خاني - جي تصوير جي فريم ورڪ تحت اچي ٿو؛
• مواد-خاني - جي پس منظر تي تصوير رڳو مواد اندر ظاهر ٿيندا.

استعمال جا مثال:

جسم {پس منظر-ڪلپ: content- خاني؛}.

Chrom ۽ سفاري -webkit- (پريفڪس) جي ضرورت آهي.

Opacity صفتون ۽ فلٽر

opacity وصف اوھان جي پس منظر جي شفافيت قائم ڪرڻ جي اجازت ڏئي ٿو - CSS ملڪيت تمام برائوزرن ۾ ڪم ڪندو. هن جو قدر 0،0 کان 1.0 جنهنجي ڪرڻ جي حد ۾ قائم آهي. هن صورت ۾، توهان جي CSS پس منظر جي شفافيت قائم ڪري سگهن ٿا 0،3 جي بدران في عدد قدر .3 لکڻ لاء ڪافي آهي:

.block {پس منظر-تصوير: URL ( img.png)؛ opacity: .3؛}.

ان پس منظر opacity قائم ڪرڻ، CSS جو نائون نسخو هيٺ يعني لاء به مناسب آهي، جو فلٽر وصف استعمال:

.block {پس منظر-تصوير: URL ( img.png)؛ فلٽر: ألفا (opacity = 30)}.

هن معاملي ۾، جي opacity قدر جي وچ ۾ 0 ۽ 100. نوٽ قائم آهي ته opacity RGBA وارث ذريعي مختلف شفافيت جوڙ سان منسوب ڪري: جڏهن opacity استعمال ڪري پڌرو ٿيندو نه رڳو سنڌ جي پس منظر ۾، پر پڻ يونٽ اندر سڀ جزا.

هميشه CIS برائوزرن ۽ ٻين سڀني ملڪن لاء توهان جو استعمال ڪرن جي نگراني. سڀ DTP جي وڏي مسئلي - يعني جي پراڻن نسخن، اهي توهان جي مڪمل حد CSS3 کي استعمال ڪرڻ جي اجازت نه ڪندا آھن. ترتيب ۾ خاص خدمتون ته چيڪ توهان جو برائوزر ڪنهن CSS ملڪيت جو حامي ت استعمال ڪرڻ نه وساريو. توهان برائوزر جي پراڻن ورجن انسٽال نه ٿا ڪري سگهو ٿا، هڪ خدمت ته آن لائن کان وڌيڪ برائوزر ۾ هن ماڳ جو ڪم چيڪ ڪندو ڏسي.