background和background-color不适用于Redmi手机随附的默认浏览器

Question

嗨，我一直在为我的客户在一些网站上工作。但这是客户第一次也在redmi默认浏览器中检查我网站的响应能力。一切正常，但背景色在某些地方不起作用。我已附加了chrome和默认的redmi浏览器的图像。

Redmi Browser

Chrome Browser

我尝试了两种代码（背景和背景颜色）： 首先：

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    background: #111111ed;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
  }

秒：

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    background-color: #111111ed;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
  }

Answer 1

您能用rgba替换颜色值并尝试

    background: rgba(17, 17, 17, 0.93);

Answer 2

尝试以下代码：

background-color: rgba(17, 17, 17, 0.93);