అవుట్‌పుట్ ఇంటర్‌ఫేస్‌లో ప్రదర్శించాల్సిన రంగు పేరు ఆ నేపథ్య లక్షణంలో వ్రాయబడింది. ఉదాహరణకి, ' నేపథ్యం: ఎరుపు ” బ్యాక్ గ్రౌండ్ కలర్ రెడ్ సెట్ చేస్తుంది. అదేవిధంగా, నేపథ్యాన్ని సరళంగా ఉంచడానికి లేదా నేపథ్య రంగులను తీసివేయడానికి, ' ఏదీ లేదు 'మరియు' పారదర్శకమైన ” రంగు పేరు కాకుండా బ్యాక్‌గ్రౌండ్ ప్రాపర్టీలో ఉపయోగించబడతాయి.
నేపథ్యం: ఏదీ మరియు నేపథ్యం: పారదర్శకం రెండూ నేపథ్యాన్ని పూర్తిగా తీసివేసినప్పుడు ఒకే ఫలితాలను ప్రదర్శిస్తాయి. కాబట్టి, రెండింటి పనికి పెద్ద తేడా లేదు.
CSSలో “నేపథ్యం: ఏదీ లేదు” మరియు “నేపథ్యం: పారదర్శకం” మధ్య వ్యత్యాసం
ది ' నేపథ్యం: ఏదీ లేదు 'మరియు' నేపథ్యం: పారదర్శకంగా ”, రెండూ ఒకే ప్రయోజనం కోసం ఉపయోగించబడతాయి. వారు బ్యాక్‌గ్రౌండ్ కలర్‌ను ఏదీ కాదుగా సెట్ చేస్తారు లేదా బ్యాక్‌గ్రౌండ్ నుండి రంగును తీసివేస్తారు.
అయినప్పటికీ, మనం విమర్శనాత్మకంగా ఆలోచించి, వాటి మధ్య వ్యత్యాసాలను కనుగొనడానికి ప్రయత్నిస్తే, రెండు సాధ్యమైన తేడాలు ఉన్నాయి:
- రెండింటి మధ్య ప్రధాన వ్యత్యాసం ఏమిటంటే అవి వేర్వేరు పదాలు, వాటిలో వేర్వేరు సంఖ్యల అక్షరాలు ఉంటాయి. కాబట్టి, చాలా మంది వాటిని వివిధ ప్రదేశాలలో చాలా సార్లు భారీ పత్రంలో ఉపయోగించినప్పుడు, ఉపయోగించే పత్రం ' నేపథ్యం: ఏదీ లేదు పారదర్శకతతో పోల్చితే ఏదీ తక్కువ సంఖ్యలో అక్షరాలను కలిగి లేనందున సంకలనం చేయడానికి తక్కువ సమయం పట్టవచ్చు.
- అవి ఎలా సంకలనం చేయబడ్డాయి అనే దాని గురించి మనం మాట్లాడినట్లయితే, ' నేపథ్యం: ఏదీ లేదు ” బ్యాక్‌గ్రౌండ్ ఇమేజ్‌ని ఏదీ సెట్ చేస్తుంది లేదా బ్యాక్‌గ్రౌండ్ కలర్‌ని తీసివేస్తుందని చెప్పండి. మరోవైపు, ' నేపథ్యం: పారదర్శకంగా ” పారదర్శక రంగును టెక్స్ట్ లేదా మొత్తం ఇంటర్‌ఫేస్ నేపథ్యంగా సెట్ చేస్తుంది (CSS స్టైల్ ఎలిమెంట్‌లో ఏది సూచించబడిందో అది).
కానీ, గ్రాఫికల్ ఇంటర్‌ఫేస్‌పై అవి చూపే ప్రభావం గురించి మనం మాట్లాడినట్లయితే ఈ రకమైన తేడాలు విస్మరించబడతాయి ఎందుకంటే చివరికి తేడా ఉండదు.
ఉదాహరణ: నేపథ్యాన్ని వర్తింపజేయడం: ఏదీ లేదు మరియు నేపథ్యం: పారదర్శకం
ఆచరణాత్మకంగా నిరూపించుదాం' నేపథ్యం: ఏదీ లేదు 'మరియు' నేపథ్యం: పారదర్శకంగా ” ఇంటర్‌ఫేస్‌కి అదే పని చేయండి. CSS బ్యాక్‌గ్రౌండ్ ప్రాపర్టీ ఏదీ లేనిది మరియు పారదర్శకంగా ఉండే ప్రభావాన్ని తెలుసుకోవడానికి కోడ్ స్నిప్పెట్‌ను వ్రాయండి:
< h2 id = 'వచనం' >నేపథ్యం: ఏదీ లేదు మరియు నేపథ్యం: పారదర్శకత యొక్క ఉద్దేశ్యాన్ని వివరించడానికి ఇది సరళమైన వచనం
< / h2 >
పైన పేర్కొన్న కోడ్ స్నిప్పెట్‌లో, HTML డాక్యుమెంట్‌లో ఒక శీర్షిక సృష్టించబడింది మరియు దానికి '' అనే పేరు పెట్టబడిన ID ఇవ్వబడింది. వచనం ”.
CSS బ్యాక్‌గ్రౌండ్ ప్రాపర్టీని జోడిస్తోంది
టెక్స్ట్‌కు ఐడి ఇవ్వబడింది, కాబట్టి CSS స్టైల్ ఎలిమెంట్‌లో ఐడి సెలెక్టర్‌ని క్రియేట్ చేద్దాం మరియు '' నేపథ్యం: ఏదీ లేదు ” అందులో ఆస్తి:
# వచనం {నేపథ్య : ఏదీ లేదు ;
}
అదేవిధంగా, వ్రాయడానికి ' నేపథ్యం: పారదర్శకంగా ”ఆస్తి, పద్ధతిలో తేడా లేదు. కేవలం, భర్తీ చేయి ' ఏదీ లేదు 'తో' పారదర్శకమైన ”:
# వచనం {నేపథ్య : పారదర్శకమైన ;
}
రెండూ ' నేపథ్యం: ఏదీ లేదు 'మరియు' నేపథ్యం: పారదర్శకంగా ” అదే అవుట్‌పుట్‌ని ఉత్పత్తి చేస్తుంది:
అంటే రెంటికి తేడా లేదని, అవి ఒకే విధంగా సంకలనం చేయబడ్డాయి.
రంగు పేరుతో నేపథ్య ఆస్తిని జోడించడం
ఇప్పుడు, మనం ' అని వ్రాయడానికి బదులుగా రంగు పేరును జోడిస్తే ఏదీ లేదు 'మరియు' పారదర్శకమైన ”, అవుట్‌పుట్ ఎప్పటికీ ఉత్పత్తి చేసిన విధంగా ఉండదు నేపథ్యం: ఏదీ లేదు 'మరియు' నేపథ్యం: పారదర్శకంగా ”. ఉదాహరణకు, మేము నేపథ్య ఆస్తిలో రంగు పేరును వ్రాస్తాము:
# వచనం {నేపథ్య : లేత నీలం ;
}
తేడా స్పష్టంగా ఉంది. ఇది విషయంలో వలె అదే అవుట్‌పుట్‌ను ప్రదర్శించడం లేదు నేపథ్యం: ఏదీ లేదు మరియు నేపథ్యం: పారదర్శకంగా :
ఇది నేపథ్యం: ఏదీ లేదు మరియు నేపథ్యం: పారదర్శకం మధ్య వ్యత్యాసాన్ని సంగ్రహిస్తుంది.
ముగింపు
నేపథ్యం:ఏదీ మరియు నేపథ్యం:పారదర్శకం నేపథ్య రంగును తీసివేయడానికి మరియు నేపథ్య రంగును వరుసగా పారదర్శకంగా సెట్ చేయడానికి ఉపయోగించబడతాయి. కానీ, అవి రెండూ అవుట్‌పుట్ ఇంటర్‌ఫేస్‌పై ఒకే విధమైన ప్రభావాన్ని కలిగి ఉన్నందున, నేపథ్యం: ఏదీ మరియు నేపథ్యం: పారదర్శకం రెండూ ఒకే ప్రయోజనం కోసం ఉపయోగించబడతాయి.