網頁設計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顯示最上層相關的知識