39,087
社区成员
发帖
与我相关
我的任务
分享为什么底下的那个菜单条跳到顶上去了，大虾！！！
<!DOCTYPE html>
<html>
<head>
<title>球场</title>
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<style>
#footer {
position:absolute;
bottom:0; left:0;
width:100%;
height:48px;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
background-image:-o-linear-gradient(top, #999, #666 2%, #222);
padding:0;
border-top:1px solid #444;
}
#wrapper {
position:absolute; z-index:1;
top:45px; bottom:48px; left:0;
width:100%;
overflow:auto;
}
</style>
</head>
<body id="activity-detail">
<div class="page-bizinfo">
<div class="header">
<h1 id="activity-name">球场</h1>
</div>
</div>
<div id="wrapper">
<!--正文-->
<div class="page-content">
<div class="text">
<h1>------球场预订-----</h1>
<p >
<span style="font-size:16px;font-family:宋体;letter-spacing:1px;">
<table cellspacing=\"0\" cellpadding=\"0\" border=1 width=\"98%\">
<tr>
<td style="width:20px"><nobr>平日 </nobr></td>
<td style="width:90%">
<strong><font color="#f7a34f" > 700</font></strong>
</td>
</tr>
<tr>
<td style="width:20px"><nobr>假日 </nobr></td>
<td style="width:90%">
<strong><font color="#f7a34f"> 1300</font></strong>
</td>
</tr>
<tr>
<td style="width:20px"><nobr>包含 </nobr></td>
<td style="width:90%">
果岭/球僮/球车/衣柜
</td>
</tr>
<tr style="display:none">
<td style="width:20px"><nobr>备注 </nobr></td>
<td style="width:90%">
</td>
</tr>
</table>
</span>
</p>
<P>
</p>
</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>
我要的效果是底下有个菜单：
...全文
请发表友善的回复…
发表回复
hbxu2011 2013-08-27
- 打赏
- 举报
问题找到了，和引用的另一个CSS冲突。。
现在不知道为什么，在谷歌浏览器上能跑的，在微信里面跑不动。。真晕。。
现在不知道为什么，在谷歌浏览器上能跑的，在微信里面跑不动。。真晕。。
街头小贩 2013-08-23
- 打赏
- 举报
谷歌，27.0
[/quote]
我测试你给的html没发现footer跑到顶部呀
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
无标题文档
</title>
<style type="text/css">
#footer {
position:absolute;
bottom:0; left:0;
width:100%;
height:48px;
background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
background-image:-o-linear-gradient(top, #999, #666 2%, #222);
padding:0;
border-top:1px solid #444;
}
#wrapper {
position:absolute; z-index:1;
top:45px; bottom:48px; left:0;
width:100%;
overflow:auto;
}
</style>
</head>
<body>
<div class="page-bizinfo">
<div class="header">
<h1 id="activity-name">
球场
</h1>
</div>
</div>
<div id="wrapper">
<!--正文-->
<div class="page-content">
<div class="text">
<h1>
------球场预订-----
</h1>
<p>
<span style="font-size:16px;font-family:宋体;letter-spacing:1px;">
<table cellspacing=\ "0\" cellpadding=\ "0\" border=1 width=\ "98%\">
<tr>
<td style="width:20px">
<nobr>
平日
</nobr>
</td>
<td style="width:90%">
<strong>
<font color="#f7a34f">
700
</font>
</strong>
</td>
</tr>
<tr>
<td style="width:20px">
<nobr>
假日
</nobr>
</td>
<td style="width:90%">
<strong>
<font color="#f7a34f">
1300
</font>
</strong>
</td>
</tr>
<tr>
<td style="width:20px">
<nobr>
包含
</nobr>
</td>
<td style="width:90%">
果岭/球僮/球车/衣柜
</td>
</tr>
<tr style="display:none">
<td style="width:20px">
<nobr>
备注
</nobr>
</td>
<td style="width:90%">
</td>
</tr>
</table>
</span>
</p>
<P>
</p>
</div>
</div>
</div>
<div id="footer">
</div>
</body>
</html>
hbxu2011 2013-08-23
- 打赏
- 举报
谷歌，27.0
街头小贩 2013-08-23
- 打赏
- 举报
哪个浏览器的哪个版本footer跑到顶上了
