网页设计div显示最上层_关于网页设计div模块重叠显隐设置

1、关于网页设计，div模块重叠显隐设置

<!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=gb2312" />
<style type="text/css">

</style>
<script type="text/JavaScript">

</script>
</head>

<body>
<p><a href="javascript:()" onmouseover="MM_showHideLayers('a','','show')" onmouseout="MM_showHideLayers('a','','hide')">链接1</a> <a href="javascript:()" onmouseover="MM_showHideLayers('b','','show')" onmouseout="MM_showHideLayers('b','','hide')">链接2</a></p>
<div id="b"></div>
<div id="a"></div>
<p> </p>
</body>
</html>

2、用DIV+CSS的方法进行网站页面排版设计，为什么DIV分割后在浏览器的上面会出现一段空白呢？？

你好，你需要给body标签加上样式如
body { margin:0 auto; text-align:center; }，这样就可以顶格了

3、网页设计中，怎么样用div来控制每一块的位置？

CSS position 属性通过使用 position，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。 position 属性值的含义： static 元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。 relative 元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。 absolute 元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。 fixed 元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。

4、如图所示，怎么在网页制作中设置z-index，让那个3个div处在最下层

一般情况下，Z－index默认值是0；值最大的浮在最上层；

比如说

<html>

<head>

img.x

{

position:absolute;

left:0px;

top:0px;

z-index:-1

}

</style>

</head>

<body>

<h1>这是一个标题</h1>

<p>默认的 z-index 是 0。Z-index -1 拥有更低的优先级。</p>

</body>

</html>

如果想要鼠标在文字上方的，只需要将z-index的值设为1即可。

三个DIV，可以根据你的需要来设置z-index 的值。最下层的值最小，最上层的值最大。

5、网页设计div？

DIV (标鉴）+ CSS (层叠样式表)是网站标准（或称“Web标准”) 中的常用术语之一，通常为了说明与HTML网页设计语言中的表格 (Table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV + CSS的方式实现各种定位。使用DIV + CSS设计网站对SEO的影响是显而易见的，由于结构简单，且符合标准

6、网页设计js+div多层嵌套控制显示隐藏怎么做？

这位网友你好，这个原理你已经知道了，只要把所有图层都看成是第一层不就行了吗？换一个class而已。

7、网页制作中div遮挡住导航栏怎么办

给那两个有重叠的元素设置一下z-index属性即可。想在上面显示就设置大一点。

8、用div+css写如图所示代码, 网页设计在顶部左边，而编辑在顶部的右边，下面还有一条分段线？请问如何写？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

div.main{width:400px; height:200px; border:1px solid #CCC}

div.title{border-bottom:1px solid #CCC; padding:10px; font:14px Tahoma, Geneva, sans-serif; clear:both; overflow:hidden}

.right{float:right;}

</style>

</head>

<body>

网页设计<span class="right"><a href="#"编辑</a></span>

</div>

</body>

</html>

这个可以吗？

9、利用div图层技术，设计一个总是置于页面右上角的图片广告，单击滚动条时，图片一直在浏览器窗口的右上角

你看看这个，你可以自己试着改一下，就可以变成你说的那种效果，如果不可以再找我
就是没有图片，你可以自己加个图片
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>摇头网页</TITLE>
<SCRIPT >
var x = 50,y = 60; //浮动广告初始位置

var xin = true, yin = true; //xin为真向右运动，否则向左，yin为真向下运动，否则向上运动

var step = 1; //移动的距离

var delay = 10; //移动的时间间隔

function b() {

var L=T=0; //L左边界，T上边界

var R= document.body.offsetWidth-document.getElementById("fly").offsetWidth; //层移动的右边界

var B = document.body.offsetHeight-document.getElementById("fly").offsetHeight; //层移动的下边界

document.getElementById("fly").style.left = x; //层移动后的左边界

document.getElementById("fly").style.top = y; //曾移动后上边界

x = x + step*(xin?1:-1); //判断水平方向

if (x < L) { xin = true; x = L;} //到达边界后的处理

if (x > R){ xin = false; x = R;}

y = y + step*(yin?1:-1);

if (y < T) { yin = true; y = T;}

if (y > B) { yin = false; y = B;}
setTimeout("b()", delay) //隔多长时间调用一次

}

</SCRIPT>

</HEAD>

<BODY onLoad="b()">
<IMG src="content2.jpg">
<DIV id="fly" style="position:absolute; left:16px; top:80px; width:265px; height:135px; z-index:1;"><IMG src="s.gif" width="128" height="128" border="0"></DIV>
</BODY>
</HTML>

10、关于网页设计中的DIV高度问题，进入查看详细。

哥们我刚试了下这种情况好像还真实现不了要想实现这种的效果左边的DIV里面必须得有内回容把答它撑起来才行就像右边是用UL撑起来的但现在左右是独立的你为什么要这样做呀是现实的网站中需要这样去设计吗

有一种方式可以实现你说的这个效果但是做法和你说的这个不一样：
就是把右边的DIV包含在左边的DIV里这样左边的DIV高度就是随着右边的变化，至于背景要做成图片，然后填充进去，宽度就设计成左边想要显示的宽度

导航:首页 > 万维百科 > 网页设计div显示最上层

网页设计div显示最上层

与网页设计div显示最上层相关的知识