启动页放置广告的问题

冬天的松鼠

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<title>APICloud APP</title>
<link rel="stylesheet" type="text/css" href="../css/api.css" />
<style>
html,
body {
height: 100%;
background: transparent;
}
header {
height: 50px;
position: relative;
}
picture {
height: 50px;
position: relative;
z-index: 0;
}
.skip {
position: absolute;
bottom: 0px;
right: 15px;
width: 90px;
height: 38px;
line-height: 38px;
border: solid rgb(211, 211, 211) 1px;
border-radius: 38px;
color: #000;
font-size: 16px;
z-index: 9;
}
.skip>span {
padding-left: 20px;
}
.skip>img {
padding-top: 12px;
vertical-align: top;
height: 13px;
}
.highlight {
opacity: 0.7;
}
</style>
</head>
<body>
<header id="header">
<div class="skip" tapmode="highlight" onclick="fnStart()">
<span>跳过</span>
<img src="../image/welcome/arrow.png" />
</div>
</header>
<div id="picture" class="shopcover">12rewsr</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
apiready = function() {
fnReady();
api.removeLaunchView();
picture = $api.byId('picture');
uiscrollpicture = api.require('UIScrollPicture');
fnInitPicture();
};
function fnStart() {
api.closeFrameGroup({
name: 'welcome_group'
});
};
function fnInitPicture() {
var height = Math.ceil(api.winWidth / 1.4);
picture.style.height = height + 'px';
uiscrollpicture.open({
rect: {
x: 0,
y: 30,
w: api.winWidth,
h: api.winHeight
},
data: {
paths: ['widget://image/default1.jpg']
},
styles: {
indicator: {
align: 'center',
color: '#eee',
activeColor: '#f00'
}
},
placeholderImg: 'widget://image/default1.jpg',
interval: 60,
loop: false,
fixedOn: api.frameName,
fixed: false
});
};
</script>
</html>

复制代码

代码中，我想让“跳过”这个DIV置于uiscrollpicture之上，有什么办法么？z-index试过了，不行

技术咨询-F

可以用模块UIButton 做个按钮放到uiscrollpicture之上

[开发工具] 启动页放置广告的问题