Как добавить наложение текста на каждое изображение, добавленное с помощью razor?

#css #image #razor

#css #изображение #razor

Вопрос:

Мне нужно добавить наложение чисел на каждое изображение, добавленное с помощью моего кода razor. Изображение генерируется с помощью razor с помощью параметров из моей базы данных SQL.

В идеале число должно увеличиваться с каждым добавлением изображения, но это я могу сделать сам.

Вот код…с этой комбинацией я не могу использовать Javascript. Он просто добавляет изображение в viewBox с источником изображения и стилем, переданным из таблицы db.

 <div class="col-10 viewBox">

            @foreach (var x in Model.Structures)
            {
                    <img src="@x.ImageSource" style="@x.Style" />

            }

</div>
 

Я начинаю думать, что то, что я пытаюсь сделать, невозможно или просто невозможно так, как я хочу. Пожалуйста, присылайте все предложения в мою сторону, спасибо.

Ответ №1:

Вы можете добавить номер внутри метки, и float он будет right

    <div class="col-10 viewBox">
    <span class="label label-default pull-right">SOME NUMBER</label>
                @foreach (var x in Model.Structures)
                {
                        <img src="@x.ImageSource" style="@x.Style" />

                }

    </div>