怎样用js控制让指定的图层显示在最上层

JavaScript026

怎样用js控制让指定的图层显示在最上层,第1张

设置style 中 z-index:auto

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

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

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

·测试效果:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>div图层样式</title>

<style>

.div-relative{position:relativecolor:#000border:1px solid #000width:500pxheight:400px}

.div-a{ position:absoluteleft:30pxtop:30pxbackground:#F00width:200pxheight:100px}

/* css注释说明: 背景为红色 */

.div-b{ position:absoluteleft:50pxtop:60pxbackground:#FF0width:400pxheight:200px}

/* 背景为黄色 */

.div-c{ position:absoluteleft:80pxtop:80pxbackground:#00Fwidth:300pxheight:300px}

/* DIV背景颜色为蓝色 */

</style>

</head>

<body>

<div class="div-relative">

<div class="div-a">我背景为红色</div>

<div class="div-b">我背景为黄色</div>

<div class="div-c">我背景为蓝色</div>

</div>

</body>

</html>

在jquery中如果想查找一个可见的元素用 :visible

例如$("tr:visible")

如果想找不显示的,可以用

$("tr:not(':visible')")就行了

如果通过display的属性判断的话用

$("finder").css("display")

1、创建一个自定义图层实例或获取canvas实例varcanvas等于documentcreateElement(canvas)或将canvas宽高设置为地图实例的宽高。

2、为自定义图层添加渲染方法自定义图层的render方法即用户自定义的图层绘制方式。