Использую Bootstrap 4
, в верстке не сильно шарю. Как расположить кнопку закрытия (та, что внутри .close-image-icon
) в правом верхнем углу картинки, то есть по сути над ней?
<div>
<span class="close-image-icon">
<button type="button" class="close" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</span>
<img class="img-thumbnail img-fluid" :src="src" />
<input type="text" class="form-control mb-2 mt-1" placeholder="Описание" v-model="description" @change="sendDescription" />
</div>
И попутно еще один вопрос: в обычном состоянии этот "крестик" должен быть спрятан, но при наведении мыши на картинку его надо активировать. Как это реализоваться среедствамии CSS
? Не хочу для этого JS
использовать. Спасибо