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">

由主题背景的习惯背景盖子

1 个答案: