img etiketinde :before ve :after kullanımı
Merhaba dostlar, <img>
etiketinde :before
ya da :after
kullanılmıyor. Bunun bir çaresi var mıdır?
Evet ne yazık ki doğrudan img etiketine before ve after kullanamazsın. En basit çözümü bir kapsayıcı içine alıp ona before ve after uygulamak. img içinde en uygun kapsayıcı <picture>
etiketidir muhtemelen. Yani;
<picture>
<img src="sample.png" alt="">
</picture>
<style>
picture::before {
content: 'Öncesi';
}
picture::after {
content: 'Sonrası';
}
</style>