如何控制CSS使一个div位于最上层

html-css016

如何控制CSS使一个div位于最上层,第1张

设置style 中 z-index:auto

auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:999。

若定义为-1,代表为最底层。

div的图层由div的style中的z-index来决定,z-index是层垂直屏幕的坐标,0最小,越大的话位置越靠上。

你指的最上层是文字盖住下面其它的内容吗?

如果是的话,在css放置文字的元素样式中加上一条z-index:1就可以了(假设所有的元素的z-index属性前面没设置过,如果设置过了,那么放置文字的元素样式z-index值设成比前面设的值大一点就可以了,值越大表示越上面)

1、新建一个html文件,命名为test.html,用于讲解html如何将一个div置于最上层。

2、在test.html文件内,使用div标签创建两个模块,并分别设置它们的id为testone,testtwo。

3、在css标签内,统一设置div的样式,定义它们的位置属性为绝对定位,宽度和高度为300px。

4、在css标签内,设置id为testone的样式,定义其背景颜色为红色,同时使用z-index属性定义其为最上层。

5、在css标签内,设置id为testtwo的样式,定义其背景颜色为蓝色,距离左边和距离上边的位置为20px。

6、在浏览器打开test.html文件,查看实现的效果。