在CSS中如何设置图层

html-css015

在CSS中如何设置图层,第1张

可以用z-index控制,具体步骤如下:

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

<img style="position: absolutetop:0z-index: 1" src="image.jpg" />

<img style="position: absolutetop:0" src="small2.png" />

3、浏览器运行index.html页面,此时大图因为z-index更大而被设置到更上面的图层了。

div是块,与photoshop的层大意差不多,它只是一个容器,而容器里的内容就是CSS构建的……

而调用CSS样式表有几种形式。你可以看看CSS中文站的说明,一般表现为:div id=×××{1}或者.p{1}(1就是具体的CSS代码)……一般网页中是利用指向形式来指定CSS样式,所以你只会在后面看见{DIV ID="×××"}{/div}这样的指向代码而看不见它的CSS样式,因为它的样式表是放在另一个地方……

推荐你去看看《精通CSS.DIV网页样式与布局》,电驴上有视频教程,自己认真照着做一遍就基本入门了……认真学大概一星期就可以学完……

你说的是像百度知道下面的工具栏这样的层吧!简单

例子:

<div id="aa">始终在屏幕的最下方</div>

<style>

#aa{

width:800px//定义宽度

height:40px//定义高度

background-color:#DDD//定义背景色

left:50%

margin-left:-400px//这句和上面一句配合使用令层在水平中间

top:100%

margin-top:-40px//这一句和上面一句配合令层永远处在屏幕最下方

}

</style>

直接粘贴这些代码可见效果。希望加分!!!