में कार्ड-आईएमजी-ओवरले के साथ लिंक कैसे बनाएं, मुझे एक समस्या है जहां किसी छवि पर टेक्स्ट प्रदर्शित करने के लिए कार्ड-आईएमजी-ओवरले का उपयोग कर कोई भी बूटस्ट्रैप v4 कार्ड उस छवि के नीचे दिए गए लिंक को काम करने से रोकता है।बूटस्ट्रैप v4
<div class="card" style="border-color: #333;">
<img class="card-img-top" src="..." alt="Title image"/>
<div class="card-inverse">
<h1 class="text-stroke">Title</h1>
</div>
<div class="card-block">
<a href="#" class="card-link">Card link</a>
<p class="card-text">Article Text</p>
</div>
<div class="card-footer">
<small class="text-muted">Date - Author</small>
</div>
</div>
ये लिंक काम नहीं करते:
ये लिंक काम करने
<div class="card" style="border-color: #333;">
<img class="card-img-top" src="..." alt="Title image"/>
<div class="card-img-overlay card-inverse">
<h1 class="text-stroke">Title</h1>
</div>
<div class="card-block">
<a href="#" class="card-link">Card link</a>
<p class="card-text">Article Text</p>
</div>
<div class="card-footer">
<small class="text-muted">Date - Author</small>
</div>
</div>
मैं देख रहा हूँ बूटस्ट्रैप v4 के लिए इस बारे में एक खुला मुद्दा नहीं है, लेकिन किसी को भी एक समाधान के साथ मदद कर सकते हैं एक ही देखो को संरक्षित करेगा?
आप 'स्थिति जोड़ सकते हैं: करने के लिए' .card-link' –
क्यों आप लिंक हालांकि ओवरले के नीचे क्लिक करने योग्य होना चाहेगा relative'? यदि आप लिंक को क्लिक करने योग्य बनाना चाहते हैं, तो उन्हें ओवरले में क्यों न रखें? –
बिल्कुल सही, यह करता है। मेरे सीएसएस कौशल में स्पष्ट रूप से कमी है या मैंने देखा होगा कि इस के लिए जिथब मुद्दे खोला गया है। – AuxProc