css - 按主题背景自定义背景封面

Question

在 XDK 中，App Framework 的 App Designer。我设置了页面背景图片 (index_main.less.css) 但在模拟器/预览中我的背景图片没有显示。检查元素后，我发现了主题的 "#afui.ios7 .panel, #afui.ios7 #modalContainer" (af.ui.min.css) css 规则覆盖我的背景图片。

我的问题是，如何防止主题的默认 CSS 覆盖我的背景图片。

我的 CSS 文件加载安排应该是正确的:

<link rel="stylesheet" type="text/css" href="app_framework/2.1/css/af.ui.min.css">
<link rel="stylesheet" type="text/css" href="app_framework/2.1/css/icons.min.css">
<link rel="stylesheet" type="text/css" href="css/index_main.less.css" class="main-less">

Answer 1

添加这个

<style type="text/css">
            div { 
              background-color:rgb(0,0,0);
              background-image:url(images/Strabburg.jpg);
              background-position:center center;
              background-repeat:no-repeat;
              background-attachment:fixed;
              background-size:cover;
            }
        </style>

之后

<link rel="stylesheet" type="text/css" href="css/index_main.less.css" class="main-less">