የንብረት CSS "ግልጽነት" - ጣቢያ ይበልጥ ሳቢ ንድፍ ለማድረግ ቀላል መንገድ

ዛሬ, ድር ንድፍ ፍጥረት አንድ ጥበብ ቅጽ ይሆናል. ይህ አንዳንድ ቀለም እና በገጽ ክፍሎች ስብስብ ብቻ አይደለም መጠን, ቅርጸ- የተለያዩ ቅጦች እና ወቅታዊ ሥዕሎች. ከሌሎች የ ጣቢያ የተለየ ለማድረግ ጎብኚዎች 'ትኩረት ለመሳብ እና የተወሰኑ ክፍሎች ጋር ቀጥተኛ ትእዛዝ ውስጥ, ዘዴዎች እና መሳሪያዎችን ትልቅ ቁጥር ተጠቅሟል. ከእነዚህ መካከል በጣም ታዋቂ ንብረት CSS የለም - ግልጽነት. ይህ ዘዴ በጣም ፋሽን የሚያማምሩ ነው; ስለዚህም ብዙውን ጊዜ ጥቅም ላይ ይውላል. ለምሳሌ ጽሑፍ የማገጃ ወይም መላው ስዕል: - ግልጽነትና ከጣቢያው የተለያዩ ነገሮች ገጾች መስጠት ይችላሉ. በተጨማሪም በተለያዩ መንገዶች ማሳካት. ከታች እነሱን እንመርምር.

ልኬቶች ግልጽነት ያለውን ክፍሎች መጥቀስ

ልኬቶች በርካታ ክፍሎችን ግልጽነት የሚቆጣጠር. እነዚህ በ "ማስተካከያ" ንድፍ በታች ያለውን አሳሽ, እንዲሁም እንደ የተወሰኑ ዓላማዎች ላይ የሚወሰን ይውላሉ. እነዚህ የሚከተሉትን ባህሪያት ያካትታሉ:

• ከልነት;
• ለማጣራት;
• የጀርባ እንደ PNG-ምስል.

እንደሚከተለው ንብረት ዋጋ CSS "ግልጽነት" ተለውጧል ናቸው: ከፍተኛ ቁጥር ያለው አባል ግልፅነት በዝቅተኛ ደረጃ. 10 ከ 100 ወደ እንዲሁም የኋለኛው Interet Explorer አሳሽ, እና ሌሎች የሚመለከታቸው ከልነት ንብረት የሚውል ነው - የ ከልነት, ይህ ማጣሪያ ውስጥ, ከ 0 እስከ 1 ይለያያል.

ግልፅነት ምስል (በመለወጥ)

የአምላክ እርስዎ ንጥል ማንቀሳቀስ ጊዜ ግልጽ ይታያል መሆኑን አማራጮች ጋር እንጀምር የመዳፊት በመጎተት.

እኛን ምስል ግልፅነት መግለፅ እንዴት እንደሆነ እስቲ እንመልከት. የሲ ሁለት አማራጮችን ያቀርባል. እንደሚከተለው ይህንን ለማድረግ, ኮዱን HTML-ሰነድ ላይ በቀጥታ ማስመዝገብ አለበት:

1. ምስል ወደ መንገድ ይግለጹ.
2. ጠቋሚውን አይደለም ጊዜ እኛ ግልፅነት ያለውን ልኬቶች መግለጽ. ይህን ለማድረግ, ከልነት, እና ማጣሪያ ዋጋ ይጥሊሌ ይህም onmouseover እና onmouseout, ያለውን ባህርያት ይጠቀማሉ.

አንድ ዓይነት ባህርይ CSS-ሰነድ እና ማጣቀሻ ለማከል ምንጭ ኮድ ውስጥ የተደነገገው ይቻላል. ውጤቶቹ ተመሳሳይ ውጭ ያብሩ.

ጽሑፍ እና የገጽ ብሎኮች ውስጥ ግልፅነት

ጽሑፉ ወይም የማገጃ (ግልጽነት div) ለ, CSS አንድ ግልጽ ምስል ከመፍጠር ጋር ተመሳሳይ ያለው አማራጭ, የሚያቀርብ እንደ አንተ የተፈለገውን መለኪያዎች የተዋቀሩ ውስጥ ከተገናኙት CSS-ፋይል, ለመጠቀም አለን. መሄድ እና ቀላል መንገድ ይችላሉ. የ ቅጥ የማገጃ div ቅጥ ማዘጋጀት ወይም የጽሑፍ ገጽ ወደ onmouseover እና ንጥረ onmouseout የሚከተለውን HTML-ኮድ ያዛሉ ጊዜ. ሁለቱም አማራጮች መስራት እና የተፈለገውን ውጤት.

ግልጽነት ቋሚ

በአንዳንድ ሁኔታዎች, አንድ ነገር ግልፅነት, አንተ ቀጣይነት መሠረት ላይ ማዘጋጀት ይፈልጋሉ ንድፍ አባል ወይም ጽሑፍ. በዚህ ሁኔታ ውስጥ, መፍትሔው አንተ የመዳፊት ጠቋሚን ሲያንዣብቡ ይልቅ እንዲያውም ቀላል ነው.

ግልጽነት ለ CSS አባል የሚከተለውን ኮድ በ ይሰጣል. የማገጃ div ቅጥ ውስጥ ዳራ (ለምሳሌ, # ff8800), ከልነት (ለምሳሌ, 0.5) እና ስፋት (ስፋት) እና ድብዳብ (ድብዳብ) ለ እሴቶች ያዛሉ.

ምስል ኮድ እሴቶች በማድረግ እና ከልነት ማጣሪያ, እና ምስል መንገድ መግለጽ ነው.

RGBA-ስልት

ግልፅነት ማንኛውም ንድፍ ንጥረ ግርጌ ቀለም ላይ ሊተገበር ይችላል; ይህ ንብረት CSS በመጠቀም ሌሎች አማራጮች አሉ. ይህ RGBA ዘዴ ይጠቀማል. ግልጽነት ደረጃ ያዘጋጃል ይህም አልፋ, - የመጀመሪያዎቹ ሦስቱ ደብዳቤዎች መሠረታዊ ቀለሞች (ቀይ, fission, ሰማያዊ), እና የመጨረሻው ለ ቁሙ. RGBA-ቅርጸት በመጠቀም የመጨረሻውን አሃዝ ጋር በመጠቆም, ግልጽነት ይጥሊሌ. ለምሳሌ ያህል, እንደ የጀርባ: rgba (240,2,33,0.4035).

መደምደሚያ

በመሆኑም የጣቢያ ንድፍ ቀላል ነገር ግን ውጤታማ ባህሪ CSS "ግልጽነት" ላይ ሥራ አካሄድ ውስጥ በመጠቀም, እናንተ አነስተኛ ጥረት ጋር ንጥረ ነገሮች ይበልጥ ሳቢ እና ይበልጥ ጎልቶ ማድረግ ይችላሉ. የ በተገለጸው የሚል የወል ብጁ ግልጽነት ባህሪያት ከዚህ ጋር ይረዳሃል ናቸው.