在引入jQuery Mobile之后
<!-- jQuery Mobile-->
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
其内置的样式如下,会覆盖我们所写的样式
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
background-color: #f9f9f9;
}
如
所以我们在写背景颜色或者背景图像的同时需要对其进行覆盖
如
body{
width: 100%;
height: 100%;
background-color: #232e81;
background-size:cover;
perspective: 1px;
}
或者
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
background-color: #232e81;
}
结果如下: