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”排最底层(蓝色背景层)。