dreamweaver中如何让网页中的浮动窗口显示在最上层，大大们，俺是菜鸟

不懂的爱的小孩 2013-04-22 05:30:24
俺是菜鸟，业余中的业余，现在有个业余的网页制作比赛，我做了一个网页，弄了一个浮动窗口，但这个浮动窗口会被绘制层遮住，这该怎么解决呢？以下是全部代码：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>魅力朔州</title>
<meta name="Keywords" content="travel company red, free website template, CSS templates, download, cssMoban.com" />
<meta name="Description" content="Travel Company Red - free CSS website template" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.STYLE1 {
color: #F0F0F0;
font-size: 18px;
}
.STYLE2 {
font-size: 14px;
font-family: "宋体";
text-indent: 3em;
font-style: normal;
line-height: normal;
}
.STYLE5 {font-family: "宋体"}
.STYLE6 {font-family: "新宋体"}
.STYLE7 {font-size: 18px}
.STYLE8 {font-family: "宋体"; font-size: 18px; }
#Layer1 {
position:absolute;
left:229px;
top:478px;
width:636px;
height:358px;
z-index:1;
}
#Layer2 {
position:absolute;
left:271px;
top:645px;
width:574px;
height:38px;
z-index:1;
}
#Layer3 {
position:absolute;
left:267px;
top:520px;
width:575px;
height:318px;
z-index:2;
}
#Layer4 {
position:absolute;
left:434px;
top:336px;
width:338px;
height:47px;
z-index:3;
}
.STYLE10 {
font-size: 36px;
color: #772609;
font-weight: bold;
text-decoration: underline;
background-image: url(images/biaozhi-shuuozhou.jpg);
background-position: right;
}
#Layer5 {
position:absolute;
left:232px;
top:431px;
width:637px;
height:330px;
z-index:1;
background-image: none;
}
#Layer6 {
position:absolute;
left:520px;
top:468px;
width:93px;
height:113px;
z-index:2;
}
#Layer7 {
position:absolute;
left:493px;
top:489px;
width:26px;
height:77px;
z-index:3;
}
#Layer8 {
position:absolute;
left:901px;
top:315px;
width:229px;
height:80px;
z-index:2;
}
#Layer9 {
position:absolute;
left:908px;
top:416px;
width:496px;
height:431px;
z-index:3;
}
#Layer10 {
position:absolute;
left:956px;
top:72px;
width:240px;
height:38px;
z-index:4;
}
#Layer11 {
position:absolute;
left:592px;
top:4px;
width:242px;
height:28px;
z-index:5;
}
.STYLE13 {
color: #FFFFFF;
font-size: 14px;
}
#Layer12 {
position:absolute;
left:1133px;
top:-3px;
width:293px;
height:378px;
z-index:6;
background-image: url(images/daisijiudian.png);
}
#Layer13 {
position:absolute;
left:5px;
top:5px;
width:1378px;
height:254px;
z-index:6;
}
#Layer14 {
position:absolute;
left:178px;
top:30px;
width:1201px;
height:230px;
z-index:6;
}
#Layer15 {
position:absolute;
left:876px;
top:-1px;
width:513px;
height:261px;
z-index:6;
background-image: url(images/templatemo_header2.jpg);
}
-->
</style>
</head>
<body onLoad="init()">
<div id="img" style="position:absolute; left: 8px; top: 729px; width: 135px; height: 111px;">
<a href="http://shuozhou.edushi.com/"><img src=images/3dshuozhou.jpg width="133" height="144" border="0" onClick="pause_resume();"></a></div>
<div id="Layer15"></div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
// End -->
</script>
<div id="Layer5"><img src="images/xingzhengditu.jpg" width="632" height="324" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="334,20" href="#" />
<area shape="poly" coords="330,20" href="#" />

<area shape="poly" coords="421,134,412,135,404,139,393,136,379,140,382,146,373,149,347,145,326,153,328,158,329,166,323,170,333,172,342,179,353,180,356,188,359,193,363,197,374,195,381,201,383,206,384,213,392,210,400,216,403,221,406,230,413,242,411,253,409,260,406,266,413,263,419,268,427,258,438,257,440,250,451,242,467,240,479,237,487,230,481,219,491,210,478,200,471,191,454,172,428,162,420,155,430,146,427,140" href="#" />
<area shape="poly" coords="421,134,432,146,421,155,432,164,455,172,468,187,470,175,482,169,517,157,527,153,530,148,540,151,565,160,581,156,586,150,569,137,575,127,593,120,576,104,546,97,528,106,498,105,473,103,459,106,465,116,438,128,426,128" href="#" />
<area shape="poly" coords="532,149,566,160,581,157,587,173,589,182,599,182,613,193,617,203,624,212,620,223,611,230,596,233,592,238,580,240,570,237,549,238,533,241,507,234,495,225,487,229,482,219,491,211,468,185,470,180,474,172" href="#" />
<area shape="poly" coords="234,89,192,138,189,153,183,171,203,188,174,193,202,214,211,233,220,229,243,221,250,212,262,212,274,221,295,219,305,214,327,217,341,217,348,213,358,217,365,220,369,214,372,211,381,214,387,214,381,203,373,194,363,197,353,180,342,180,323,171,329,165,327,156,311,150,279,128,261,118" href="#" />
<area shape="poly" coords="211,233,226,246,233,242,256,259,262,267,269,268,277,280,289,280,300,280,309,280,319,283,330,275,350,277,359,284,380,283,382,276,401,275,407,265,414,242,392,210,382,214,372,212,363,220,348,214,341,218,322,216,306,214,298,219,274,221,261,213,252,213,243,221" href="#" />
<area shape="poly" coords="335,19,324,19,301,29,286,29,283,40,266,48,263,60,243,78,234,88,266,119,274,120,277,127,287,127,290,130,291,137,299,139,304,141,308,148,323,154,335,147,346,143,353,145,362,147,372,148,378,146,381,144,376,139,370,127,364,123,365,116,365,105,370,96,375,90,378,83,375,72,365,66,361,59,362,50,372,47,378,44,371,38,378,38,375,32,365,30" href="#" /></map></div>
<div id="Layer8"><img src="images/jianjie.jpg" width="219" height="68" /></div>
<div class="STYLE13" id="Layer11">
<div id="linkweb"></div>
<script>setInterval("linkweb.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>
</div>
<div id="templatemo_maincontainer">
<div id="templatemo_topsection">
<div id="templatemo_title">
<p> </p>
<p> </p>
</div>
<div id="templatemo_slogan"></div>
</div>
<div id="templatemo_left_column">
<div id="templatemo_menu_top"></div>
<div class="templatemo_menu">
<ul class="STYLE7">
<li><span class="STYLE6"><span class="STYLE8"><a href="#">首页</a></span></span></li>
<li class="STYLE5"><a href="#" class="STYLE7">历史沿革</a></li>
<li class="STYLE5"><a href="#" class="STYLE7">经济发展</a></li>
<li class="STYLE5"><a href="#" class="STYLE7">地理资源</a></li>
<li class="STYLE5"><a href="#" class="STYLE7">城乡建设</a></li>

<li class="STYLE5"><a href="#" class="STYLE7">社会事业</a></li>
<li class="STYLE5"><a href="#" class="STYLE7">朔州旅游</a></li>
<li class="STYLE5"><span class="STYLE1">朔州风云</span></li>
<li class="STYLE5"><a href="#" class="STYLE7">图说朔州</a></li>
<li><span class="STYLE8"><a href="#" class="STYLE5">相关链接</a></span></li>
</ul>
</div>
<div id="templatemo_contact">
<p> </p>
<p><span class="STYLE5">@2013
<br />
</span><span class="STYLE5">关于我们 </span></p>
</div>
</div>
<div id="templatemo_right_column">
<div class="innertube">
<div><span class="STYLE10">朔州市（Shuòzhōu Shì）</span></div>
<blockquote>
<p class="STYLE2"> 位于中国<a href="/view/6204.htm" target="_blank">山西</a>省西北部，桑干河上游，是1989年经国务院批准设立的省辖地级市。总面积1.07万平方公里，总人口171.48万。是中国新型的以煤电为主导的能源重化工基地、一座正在崛起的北方生态园林工业城市、中国农区最大的奶源基地和北方重要的日用陶瓷生产基地。</p>
</blockquote>
</div>
</div>
<div id="templatemo_bot"></div>
</div>
<div id="templatemo_footer">
<p>版权所有 </p>
<p>网站声明</p>
</div>
</body>
</html>
...全文
2476 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
yangshengzhen 2014-12-16
  • 打赏
  • 举报
 回复
个人感觉用ap div继承会好点
不懂的爱的小孩 2013-04-22
  • 打赏
  • 举报
 回复
大大们，俺百度了以下知道了，加个z-index:100;就成了
Dreamweaver网页设计作业下载
我们寝室四个人的四份做好的网页设计作业！成品四个！Dreamweaver做的！全部是满分作业哦~~！传上来大家看看！
怎么在服务器预览网站,如何在 Dreamweaver 中预览网页
在 Dreamweaver 中、浏览器中和移动设备上预览您的网页。实时预览可让您在浏览器中和移动设备上预览您的页面，并在编码时在浏览器中或设备中实时查看更改。“实时”视图可让您了解页面在 Web 上的显示效果，并允许您...
dw怎么在框架中加入网页_Dreamweaver
Dreamweaver制作网页的时候，表格布局已经不能实现网页的功能了，比如同一页面下有多个子页面时，就要使用框架结构来布局，下面我们就来看看Dreamweaver使用框架结构快速制作网页的详细教程，希望能帮到有需要的朋友...
html网页制作浮动框架,浮动框架在网页制作中使用技巧.doc
浮动框架在网页制作中使用技巧浮动框架在网页制作中使用技巧摘要：首先介绍了浮动框架的应用特点，然后结合实际的使用技巧介绍了在浮动框架中：可以制作与其它页面之间的链接，设置浮动框架的滚动条及区域的颜色，...
网页设计Dreamweaver【2】
3.打开DreamweaverMX窗口后，如果没有出现站点浮动面板。可执行窗口菜单中的（）命令将其打开。 4.网页的正文部分用代码（）标记；若要在文档中添加一条水平线，应使用（）标记。 5.网页标题的标记是（）；整个...
图象工具使用

1,451

社区成员

24,335

社区内容

发帖
与我相关
我的任务
社区描述
多媒体/设计/Flash/Silverlight 开发 图象工具使用
社区管理员
  • 图象工具使用社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章