Span Element Front

Question

Span Element Front

Navigation

#1 by (0 votes)
#2 by (0 votes)

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:

I wish he would stay ahead. What should I do?

html css razor span

asked by anonymous 08.09.2016 / 21:59

2 answers

How to put a link in an image using the function "echo" php Swift: Fixed header in a TableViewController

score 0 · Answer 1

Try to put 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>

score 0 · Answer 2

In fact the color of the letter gave an effect that seemed to be behind. I changed the font color to white with color: white

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