Jquery Mobile css覆盖了我的身体css

时间:2013-09-18 09:41:06

标签: jquery css

http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css覆盖了我的身体造型

<body style="margin:0; padding:0; background-image:url(img/bggradient.jpg); background-repeat:repeat-x">

显然我使用的颜色F6F6F6在那个css文件中出现了12次,我觉得很难读。我怎么能在这里重新覆盖身体造型?

4 个答案:

答案 0 :(得分:5)

试试这个:

.ui-page{background:transparent !important;} 
.ui-body-c{background:transparent !important;} 
.ui-page-active{background:transparent !important;}

答案 1 :(得分:2)

在样式表中添加此css。

ui-page ui-body-c.ui-page-active{
   background:transparent !important;
}

答案 2 :(得分:1)

您可以尝试添加!background-image:url(img/bggradient.jpg) !important;

等重要声明

即使你没有访问试试这个:

html, body{
background-image:url(img/bggradient.jpg) !important;
}

答案 3 :(得分:0)

内联样式将始终覆盖CSS样式表中的样式(因为除了元素上的内联样式之外,您不能更具体)除非您在样式表中使用!important标记。

例如:

body { background: #FFF !important; }

这将覆盖javascript添加的任何内联样式。