Element Span at the front

Asked

Viewed 97 times

0

I have the following column of a table:

<td style="font-size:10%">
    <p class="list-group-item-text">
        <a href="@Url.Action("Cidade", "Cidade", new { cidadecod = item.cidadecod, contratocod = item.contratocod })" class="list-group-item active" , style="font-size: 15px">
            @item.cidadenome
            <span class="badge" style="font-size: 11px; background-color:@item.statusservidor_stts;">
                @item.statusservidor
            </span>
        </a>
    </p>
 </td>

But the Span element is behind the blue part, as in the image below:

inserir a descrição da imagem aqui

I would like him to stand in front. What should I do?

html css razor span

  • "Stand in front, "you say, is what, exactly? The color of the text?

  • By the looks of the blue part is above the span. I would like to put it above.

2 answers

0

Try putting a z-index

<td style="font-size:10%">
    <p class="list-group-item-text">
        <a href="@Url.Action("Cidade", "Cidade", new { cidadecod = item.cidadecod, contratocod = item.contratocod })" class="list-group-item active" , style="font-size: 15px">
            @item.cidadenome
            <span class="badge" style="font-size: 11px; background-color:@item.statusservidor_stts;position:fixed;z-index:99999">
                @item.statusservidor
            </span>
        </a>
    </p>
 </td>

0

Actually the color of the letter gave an effect that looked like it was behind. I changed the color of the letter to white with the color:white

<span class="badge" style="font-size: 11px; background-color:@item.statusservidor_stts; color:white;">
     @item.statusservidor
</span>

Browser other questions tagged html css razor span

You are not signed in. Login or sign up in order to post.