CSS బ్యాక్గ్రౌండ్ పోజిషన్ అట్రిబ్యూట్
- 上一页 background-origin
- తరువాత పేజీ background-position-x
నిర్వచనం మరియు వినియోగం
background-position బ్యాక్గ్రౌండ్ ఇమేజ్ యొక్క ప్రారంభ స్థానాన్ని అంతర్భాగంగా నిర్వచిస్తుంది.
ఈ అంశం బ్యాక్గ్రౌండ్ ఆర్టికల్ స్ట్రింగ్ అనునది నిర్వచిస్తుంది. background-image నిర్వచనం) యొక్క స్థానంలో బ్యాక్గ్రౌండ్ ఇమేజ్ జరుగుతుంది అయితే, అది ఈ పద్ధతిలో మొదలుకుంటుంది.
提示：您需要把 background-attachment 属性设置为 "fixedఈ లక్షణం ఫైర్ఫాక్స్ మరియు ఆపెరాలో సరిగా పని చేయడానికి ఆవశ్యకం అయిన కారణం ఇది.
మరింత చూడండి:
CSS పాఠ్యక్రమంCSS బ్యాక్గ్రౌండ్
CSS పరిశీలన పత్రికbackground-image లక్షణం
HTML DOM పరిశీలన పత్రికbackgroundPosition లక్షణం
ఉదాహరణ
పృష్ఠభూమి చిత్రాన్ని ఎలా పొందాలి:
body
{
background-image:url('bgimage.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
CSS సంకేతాలు
background-position: value;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
|
మీరు ఒక కీలక పదాన్ని మాత్రమే నిర్దేశించినట్లయితే, రెండవ విలువ ఉంటుంది "center". అప్రమేయ విలువ: 0% 0%. |
| x% y% |
మొదటి విలువ అడుగున స్థానం, రెండవ విలువ నాలుగున స్థానం. ఎడమ పైకిన స్థానం 0% 0%. కింది పైకిన స్థానం 100% 100%. మీరు ఒక విలువను మాత్రమే నిర్దేశించినట్లయితే, మరొక విలువ రెండవ విలువలో 50% ఉంటుంది. |
| xpos ypos |
మొదటి విలువ అడుగున స్థానం, రెండవ విలువ నాలుగున స్థానం. ఎడమ పైకిన స్థానం 0 0. ఇకాని యూనిట్లు పిక్సెల్స్ (0px 0px) లేదా ఏదైనా ఇతర CSS యూనిట్లు. మీరు ఒక విలువను మాత్రమే నిర్దేశించినట్లయితే, మరొక విలువ రెండవ విలువలో 50% ఉంటుంది. మీరు % మరియు position విలువలను కలపవచ్చు. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | 0% 0% |
|---|---|
| పారంపర్యం: | no |
| వెర్షన్: | CSS1 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.backgroundPosition="center" |
మరిన్ని ఉదాహరణలు
- శతకాల ద్వారా ప్రాంతాల్లో పృష్ఠభూమి చిత్రాన్ని ఎలా పొందాలి
- ఈ ఉదాహరణలో ప్రాంతాల్లో పృష్ఠభూమి చిత్రాన్ని శతకాల ద్వారా ఎలా పొందాలో చూపబడింది.
- ప్రాంతాల్లో పృష్ఠభూమి చిత్రాన్ని పిక్సెల్స్ ద్వారా ఎలా పొందాలి
- ఈ ఉదాహరణలో ప్రాంతాల్లో పృష్ఠభూమి చిత్రాన్ని పిక్సెల్స్ ద్వారా ఎలా పొందాలో చూపబడింది.
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ వెర్షన్ ని సూచిస్తాయి.
| క్రోమ్ | ఎండ్జీ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| క్రోమ్ | ఐఈ / ఎండ్జీ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- 上一页 background-origin
- తరువాత పేజీ background-position-x
