jQuery 背景颜色

在引入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;
        }复制

结果如下：