చిత్రం భర్తీ

ఇమేజ్ రీప్లేస్‌మెంట్ క్లాస్‌తో నేపథ్య చిత్రాల కోసం వచనాన్ని మార్చుకోండి.

.text-hideనేపథ్య చిత్రంతో మూలకం యొక్క వచన కంటెంట్‌ని భర్తీ చేయడంలో సహాయపడటానికి తరగతి లేదా మిక్సిన్‌ని ఉపయోగించండి .

<h1 class="text-hide">Custom heading</h1>

// Usage as a mixin
.heading {
  @include text-hide;
}

.text-hideహెడ్డింగ్ ట్యాగ్‌ల యొక్క యాక్సెసిబిలిటీ మరియు SEO ప్రయోజనాలను నిర్వహించడానికి తరగతిని ఉపయోగించండి , కానీ background-imageటెక్స్ట్‌కు బదులుగా aని ఉపయోగించాలనుకుంటున్నారు.

<h1 class="text-hide" style="background-image: url('/docs/4.0/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>