Цвет фона исчезает на мобильном телефоне

Question

Я построил таблицу с использованием html / css.Цвета фона для этой таблицы выглядят просто отлично в среде рабочего стола, но не тогда, когда я смотрю на тот же сайт со своего телефона.

На телефоне цвета фона для этой таблицы полностью прозрачны, но текст втаблица выглядит просто отлично.

Кроме того, я использую Bootstrap 4 для этого сайта, если это имеет какое-то значение.Я подумал, что css может по какой-то причине вмешиваться в css при начальной загрузке, но эта проблема все еще возникает, даже если используется! Важный;

CSS:

#beatsTable tr {
    background-color:rgb(123, 126, 132, 1) !important;
    padding:10px;
    padding:10px;
}

#beatsTable tr:not(:nth-child(2)):hover {
    background-color:rgb(55, 56, 58, 0.5);
}

#beatsTable td {
    color:gray;
    padding:10px;
    color:white;
}

#beatsTable th {
    padding:10px;
    background-color:rgb(17, 17, 17, 0.5);
    border-bottom:1px solid rgb(46, 204, 57, 0.5);
    border-top:1px solid rgb(46, 204, 57, 0.5);
    font-size:15px;
}

HTML:

<!-- <center><img src="media/beatLab.png"></img></center> -->

  <table style="color:white" id="beatsTable">
  <tr>
    <div class="musicPlayerContainer">

    </div>
  </tr>
  <tr>

    <th>Title</th>
    <th>Time</th> 
    <th>Bpm</th>
    <th></th>
  </tr>
  <tr>
    <td>Name1</td>
    <td>3:12</td> 
    <td>120</td>
    <td><div class="buyBtn" data-toggle="modal" data-target="#purchaseModal">Buy</div></td>
  </tr>
  <tr>
    <td>Name2</td>
    <td>4:20</td> 
    <td>153</td>
    <td><div class="buyBtn" data-toggle="modal" data-target="#purchaseModal">Buy</div></td>
  </tr>
  <tr>
    <td>Name3</td>
    <td>6:09</td> 
    <td>100</td>
    <td><div class="buyBtn" data-toggle="modal" data-target="#purchaseModal">Buy</div></td>
  </tr>
  </table>


</div>

Изображение таблицы на рабочем столе: http://prntscr.com/jtud8h

Изображение таблицы на мобильном телефоне: http://prntscr.com/jtudjt

Answer 1

Возможно, это связано с тем, что вы пытаетесь присвоить фону альфа-значение 1 или 0.5, но для того, чтобы оно вступило в силу, вы должны использовать rgba вместо * 1004.*

Надеюсь, что помог!