Android设备上的CSS问题

Question

我有一个非常简单的导航栏，它使用CSS定义了它的背景，使用线性渐变功能定义了background-image属性。它适用于所有最新的桌面浏览器，它也适用于Android 4.4+浏览器。但是当我在4.4-Android设备上测试它时，背景不可见。我已查看 caniuse.com ，其中包含以下内容：

  

background-image属性仅部分在Android 4.3上运行（不支持我不使用的大小）

     

Android 4.3上的线性渐变功能仅适用于-webkit-前缀

所以这是我的问题，我考虑过，并尝试实现相同css属性的webkit版本，但无济于事。我不能做这项工作，我可能做错了什么？这是我正在使用的css规则，在它下面，你会发现我尝试过的一些补充，但没有成功。背景在桌面浏览器上正确显示，但在移动设备上看不见（使用物理Galaxy Express，4.2 Android，以及BrowserStack上的其他4.3-Androids测试）。

.converser_navbar {
  height: 50px; 
  background-image: -webkit-linear-gradient(to bottom, #6374B6 0px, #3D538C 100%); 
  /* this is the webkit version, tried putting it after and before the non webkit version, 
  neither one works, also tried using ONLY the webkit version, that only disables the 
  background on the desktop browsers too, also tried prefixing background-image 
  with -webkit-, but that also does nothing at all */
  background-image: linear-gradient(to bottom, #6374B6 0px, #3D538C 100%);
  border-bottom: 2px solid #898989;
  color: #FFF; 
  position: relative; 
  z-index: 10;
  top:0;
  transition: all 0.6s;
}