html頁面DIV層問題

我為什麼回答這個問題?

因為我很好奇這個效果能不能實現……

我只是mark下,半年後我會來看的~哈哈~


PS:附件中的是一個圖片隨頁面大小改變而改變,不是背景圖片。

❷ 在html中如何實現跟隨頁面滾動的DIV層(具體實現步驟)

這是右邊的浮動導航,像新浪微博這個這樣的

body{_background-image:none; /*հҳΪ*/_background-attachment:fixed;}//這個是針對ie6的

.navi{left:51%;margin-left:474px;top:120px;position:fixed;_position:absolute;_top:expression(documentElement.scrollTop+120+"px");z-index:99;}

.navia{background-image:url(背景地址);background-repeat:no-repeat;;display:block; width:119px;}

.navia1{background-position:0px0px; height:30px;}

.navia2{background-position:0px-30px; height:30px;}

<divclass="navi"id="navi">

<ahref=""class="a1"></a>

<ahref=""class="a2"></a>

<scripttype='text/javascript'>

(function(){

varnav=document.getElementById('navi');

varfnav=function(){

vartop=document.documentElement.scrollTop||document.body.scrollTop;

if(top>500){

nav.style.display='block';

nav.style.marginTop="0px";

}else{

nav.style.marginTop="500"-top+"px";

}

}

window.onload=window.onscroll=fnav;

})();

</script>

</div>

❸ html中如何製作多層div

主要通過css的position與z-index來定位層級。
position: relative/absolute; 相對定位/絕對定位
z-index: 1~9999999;不同的層級,數值越大越靠前。

❹ HTML DIV層的問題,急

直接下載個frontpage2003就可以了。

❺ ~關於html里css div層的問題~求網頁高手賜教

裡面的兩個抄div如果設置了左右浮動的話要清除浮動的(在標准瀏覽器中)
<div
id="content">
<div>左浮動</div>
<div>右浮動</div>
<div
style="height:0px;
overflow:hidden;
clear:both;">用來清除浮動</div>
</div>

❻ HTML中多個DIV層如何隱藏和顯示

用JS代碼(請修改jQuery引用地址)實現


<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>Test</title>
<scriptsrc="jquery引用地址自己改寫!內"></script>
<script>
$(function(){
$('.class').on('click',funciton(){
$(this).nextAll().show();
$(this).parent().siblings().children().not('.brand').hide();
});
});
</script>

</head>
<body>
<divid=apple>
<divclass=brand>蘋果容</div>
<divid=apple4hidden>蘋果4
</div>
<divid=apple5hidden>蘋果5
</div>
</div>
<divid=sumsung>
<divclass=brand>三星</div>
<divid=A5hidden>A5
</div>
<divid=A7hidden>A7
</div>
</div>
</body>
</html>

❼ div被遮住,如何讓div層顯示在最外面一層z

1、首先需要做的就是創建兩個div。

❽ html如何將一個div置於最上層

給div的style添加z-index:9999,數值越大,越在最上面
如果是被flash遮住的,可以把flash的wmode設置為transparent

❾ HTML的div層有相對定位嗎怎麼使用

有相對,抄也有絕對的,相對是對於此DIV的上下左右的容器決定的,如:<div style="position: relative;margin-top:-100px">則此DIV會相對於上一個DIV向上移100PX,而絕對是指對整個頁面來說的,如<div style="position: absolute;margin-top:100px;">則此DIV會相對於整個頁面向下移100PX,而不是相對了上一個DIV!

❿ html如何讓其中一個div浮在另一個div上面

1、設置div樣式 z-index:auto,auto可定義為一個值(整數數字),越大代表越置前,如可定義為: z-index:999。前提是div是定位元素。

以上實例默認順序是「.div-c」浮在最上層(藍色背景層)、「.div-b」浮在中層(黃色背景層)、「.div-a」排最底層(紅色背景層)。我們接下來使用z-index樣式在不改變html代碼情況下實現順序顛覆。

「.div-b」浮在中層(黃色背景層)排序不變,實現「.div-a」浮在最上層(紅色背景層)、「.div-c」排最底層(藍色背景層)。