நீட்டிக்கப்பட்ட இணைப்பு
CSS வழியாக உள்ளமைக்கப்பட்ட இணைப்பை "நீட்டுவதன்" மூலம் எந்த HTML உறுப்பு அல்லது பூட்ஸ்டார்ப் கூறுகளையும் கிளிக் செய்யக்கூடியதாக மாற்றவும்.
ஒரு போலி உறுப்பு வழியாக அதன் அடங்கிய தொகுதியை.stretched-link
கிளிக் செய்ய, இணைப்பைச் சேர்க்கவும் . பெரும்பாலான சந்தர்ப்பங்களில், வகுப்புடனான இணைப்பைக் கொண்ட ஒரு உறுப்பு கிளிக் செய்யக்கூடியது என்று அர்த்தம் .::after
position: relative;
.stretched-link
கார்டுகள் பூட்ஸ்டார்ப்பில் இயல்பாகவே இருக்கும், எனவே இந்த விஷயத்தில் வேறு எந்த HTML மாற்றங்களும் இல்லாமல் கார்டில் உள்ள இணைப்பில் வகுப்பைப் position: relative
பாதுகாப்பாகச் சேர்க்கலாம் ..stretched-link
நீட்டிக்கப்பட்ட இணைப்புகளுடன் பல இணைப்புகள் மற்றும் தட்டு இலக்குகள் பரிந்துரைக்கப்படவில்லை. இருப்பினும், சில position
மற்றும் z-index
பாணிகள் இது தேவைப்பட்டால் உதவலாம்.
நீட்டிக்கப்பட்ட இணைப்புடன் கூடிய அட்டை
கார்டின் தலைப்பில் உருவாக்க மற்றும் கார்டின் உள்ளடக்கத்தின் பெரும்பகுதியை உருவாக்க சில விரைவான எடுத்துக்காட்டு உரை.
எங்காவது போமீடியா பொருள்கள் position: relative
இயல்பாக இல்லை, எனவே .position-relative
மீடியா பொருளுக்கு வெளியே இணைப்பை நீட்டிப்பதைத் தடுக்க இங்கே சேர்க்க வேண்டும்.
நீட்டிக்கப்பட்ட இணைப்பு கொண்ட மீடியா
க்ராஸ் சிட் அமெட் நிப் லிபரோ, கிராவிட நுல்லாவில். நுல்ல வேல் மெட்டஸ் ஸ்கெலரிஸ்க் அன்டே சொல்லிசிடுடின். க்ராஸ் புருஸ் ஓடியோ, வெஸ்டிபுலம் இன் வல்புடேட் அட், டெம்பஸ் விவர்ரா டர்பிஸ். Fusce condimentum nunc ac nisi vulputate fringilla. ஃபாசிபஸில் உள்ள டோனெக் லாசினியா கொங்கு பெலிஸ்.
எங்காவது போநெடுவரிசைகள் position: relative
இயல்பாகவே இருக்கும், எனவே கிளிக் செய்யக்கூடிய நெடுவரிசைகளுக்கு .stretched-link
இணைப்பில் உள்ள வகுப்பு மட்டுமே தேவை. இருப்பினும், ஒரு இணைப்பை முழுவதுமாக நீட்டுவது நெடுவரிசையிலும் வரிசையிலும் .row
தேவைப்படுகிறது ..position-static
.position-relative
நீட்டிக்கப்பட்ட இணைப்புடன் நெடுவரிசைகள்
க்ராஸ் சிட் அமெட் நிப் லிபரோ, கிராவிட நுல்லாவில். நுல்ல வேல் மெட்டஸ் ஸ்கெலரிஸ்க் அன்டே சொல்லிசிடுடின். க்ராஸ் புருஸ் ஓடியோ, வெஸ்டிபுலம் இன் வல்புடேட் அட், டெம்பஸ் விவர்ரா டர்பிஸ். Fusce condimentum nunc ac nisi vulputate fringilla. ஃபாசிபஸில் உள்ள டோனெக் லாசினியா கொங்கு பெலிஸ்.
எங்காவது போஅடங்கிய தொகுதியை அடையாளம் காணுதல்
நீட்டிக்கப்பட்ட இணைப்பு வேலை செய்யவில்லை எனில், கொண்டிருக்கும் பிளாக் காரணமாக இருக்கலாம். பின்வரும் CSS பண்புகள் ஒரு உறுப்பைக் கொண்டிருக்கும் தொகுதியாக மாற்றும்:
- தவிர வேறு ஒரு
position
மதிப்புstatic
- A
transform
அல்லதுperspective
வேறு மதிப்புnone
- ஒரு
will-change
மதிப்புtransform
அல்லதுperspective
filter
தவிர வேறு ஒரு மதிப்புnone
அல்லது ஒருwill-change
மதிப்புfilter
(Firefox இல் மட்டும் வேலை செய்யும்)
நீட்டிக்கப்பட்ட இணைப்புகள் கொண்ட அட்டை
கார்டின் தலைப்பில் உருவாக்க மற்றும் கார்டின் உள்ளடக்கத்தின் பெரும்பகுதியை உருவாக்க சில விரைவான எடுத்துக்காட்டு உரை.
நீட்டிக்கப்பட்ட இணைப்பு இங்கே வேலை செய்யாது, ஏனெனில் position: relative
இணைப்பில் சேர்க்கப்பட்டுள்ளது
இந்த நீட்டிக்கப்பட்ட இணைப்பு -tag மீது மட்டுமே பரவுகிறது p
, ஏனெனில் அதற்கு ஒரு மாற்றம் பயன்படுத்தப்படுகிறது.