小编use*_*086的帖子

当我将应用程序部署到Android时,我的图标显示出现问题.当我在谷歌Chrome中使用Ripple但将它带到Android手机时,它无法正常工作..

<div data-role="footer" data-position="fixed" data-theme="e">
  <div data-role="navbar" data-grid="d" data-theme="e" data-type="horizontal" data-position="fixed" id="">
    <ul>
      <li><a href="menu.html"data-role="button" class="icon-list" data-icon="custom">Menu</a></li>
      <li><a href="aboutus.html"  data-role="button" class="icon-info"data-icon="custom" >About Us</a></li> 
      <li><a  href="live.html" data-role="button" class="icon-youtube"data-icon="custom" >Watch</a></li> 
      <li><a  href="music.html"data-role="button" class="icon-heart" data-icon="custom">Video</a></li>
      <li><a  href="map.html"   data-role="button" class="icon-location2"data-icon="custom" >Location</a></li>
    </ul>
 </div>

CSS:

.ui-icon-earth {
  background: url(image/png/earth.png) 50% 50% no-repeat;
  background-size: 32px 32px;
  border-radius:0px!important;
  -moz-border-radius:0px!important;
  -webkit-border-radius:0px!important;
  -ms-border-radius:0px!important;
  -o-border-radius:0px!important;
}
.ui-icon-location2 {
  background: url(image/png/location2.png) 50% 50% no-repeat;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin: -2px!important;
  margin-left:-15px!important;
}
.ui-icon-tv { …