Question

我正在设计phonegap中的应用程序。

我在外部包含了以下css：

 <link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />

<link rel="stylesheet" href="css/bootstrap.min.css">

在设计中我希望身体有一个背景图像。

为此我做了以下事情：

<style>
            /*this block should go in the styles.css file*/
        .ui-panel-inner {
            padding:0px; /*make the buttons flush edge to edge*/
        }
        .ui-controlgroup {
            margin:0; /*make the buttons flush to the top*/
        }
        #header {
            height:54px;
        }
        #bars-button {
            margin:7px;
        }

        .bodyCSSBG
        {
background-image:url("ProjectImages/aboutUsBackground.JPG");
            background-repeat:no-repeat;
            background-size:cover;
        }


    </style>

身体：

<body class="bodyCSSBG">

但是背景图片没有进入页面。

如果我将外部css删除为：

<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />

然后应用背景图像。

在这种情况下我该怎么办？

EDIT1：

写的！重要的是：

enter image description here

Answer 1

使用

！重要

.bodyCSSBG
    {
 background-image:url("ProjectImages/aboutUsBackground.JPG") !important;
        background-repeat:no-repeat;
        background-size:cover;
    }

Answer 2

外部CSS中的标签是？如果是这样，则不需要标签。

在外部CSS文件中，您只需编写CSS

Answer 3

添加css文件的顺序是什么。确保最终包含CSS，以覆盖您在自定义CSS中所做的更改。

因外部css包含而无法应用css

3 个答案: