我有以下代码:
<div data-role="content" height="100%" data-iscroll>
<div class="homebutton_zeile">
<a id="picture_home" href="#pictures">
<div class="homebutton_all">
<div class="homebutton_name">Picture</div>
<div class="homebutton_picture">
<img src="images/picture.png" alt="image"
style="position: relative;">
</div>
</div>
</a>
</div>
</div>
</div>
我的 CSS 类
.homebutton_zeile{
width: 100%;
height: 30%;
}
.homebutton_all{
width: 30%;
height: 90%;
float:left;
margin-left: 2%;
margin-top:15px;
}
.homebutton_picture{
position: relative;
width: 100%;
height: 85%;
float: left;
background-color: #AAC7BD;
border: 1px solid black;
border-radius: 15px;
box-shadow:8px 8px 8px #666;
}
.homebutton_name{
text-align:center;
position: relative;
top:-10px;
width: 100%;
height: 15%;
margin-left: auto;
text-decoration:none;
color:black;
}
我在用:
- iscroll.js
- jQuery 1.8.2
- jQuery 移动 1.2.0
- jQuery 移动 isscrollview。
如果需要知道jstorage.js
and fastclick.js
但是上面的 div 没有在 iscroll 的包装器处获得高度。之前也有登录过,登录后会自动显示此页面$.mobile.changePage("#home");
功能。
我尝试将其作为changePage 功能之前的第一页,它给了我相同的效果。如果我放一个
例如之后<div data-role="content" height="100%" data-iscroll>&nbps;
包装器的高度为 15px
但不适用于里面的图像。
None
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)