html - 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

试试下面的代码:

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