img etiketinde :before ve :after kullanımı

Anonim 1570 gün önce

505 defa görüntülendi ve 2 kişi tarafından değerlendirildi

Merhaba dostlar, <img> etiketinde :before ya da :after kullanılmıyor. Bunun bir çaresi var mıdır?

css

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (1)

tayfunerbilen

1570 gün önce

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>

#000448