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">
显然我使用了在那个 css 文件中出现了 12 次的颜色 F6F6F6,我觉得它很难阅读。我怎么能在这里重新覆盖身体造型?
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">
显然我使用了在那个 css 文件中出现了 12 次的颜色 F6F6F6,我觉得它很难阅读。我怎么能在这里重新覆盖身体造型?
尝试这个:
.ui-page{background:transparent !important;}
.ui-body-c{background:transparent !important;}
.ui-page-active{background:transparent !important;}
在您的样式表中添加这个 css。
ui-page ui-body-c.ui-page-active{
background:transparent !important;
}
您可以尝试添加 !important 声明,例如background-image:url(img/bggradient.jpg) !important;
即使你没有访问试试这个:
html, body{
background-image:url(img/bggradient.jpg) !important;
}
内联样式将始终覆盖 CSS 样式表中的样式(因为您不能比元素上的内联样式更具体),除非您在样式表中使用 !important 标记。
例如:
body { background: #FFF !important; }
这将覆盖 javascript 添加的任何背景内联样式。