Javascript 我怎样才能在html页面中的按钮前面显示（所有内容）？

大家好，我是新来的，所以请原谅我可能犯的错误！谢谢你的时间。我想问一下，我能做些什么来在我的html页面中的所有内容前面添加一个按钮？我尝试在样式中使用z索引，但它不起作用我使用名为btn的类设置按钮。拜托，这是紧急情况，因为这是我的毕业论文。谢谢！以下是html文件：

函数初始化{ map=新的OpenLayers.map'basicMap'； var mapnik=new OpenLayers.Layer.OSM； map.addLayermapnik； navigator.geolocation.getCurrentPositionfunction位置{ document.getElementById'anzeige'.innerHTML='Latitude:'+ 位置坐标纬度+ “经度：”+ position.coords.longitude+“”； var lonLat=new OpenLayers.LonLatposition.coords.longitude， 位置坐标纬度 使改变 新OpenLayers.Projection'EPSG:4326'，//从WGS 1984转换而来 map.getProjectionObject//到球形墨卡托投影 ; markers.addMarkernew OpenLayers.markerOnlat； map.setCenterlonLat，16//缩放级别 ; }; //map=new OpenLayers.MapbasicMap； //var mapnik=new OpenLayers.Layer.OSM； //map.addLayermapnik； map.setCenternew OpenLayers.LonLat3，3//地图中心 使改变 新OpenLayers.Projection'EPSG:4326'，//从WGS 1984转换而来 新OpenLayers.Projection'EPSG:900913'//到球面墨卡托投影 ，15//缩放级别 ; var markers=新的OpenLayers.Layer.markers'markers'； map.addLayermarkers； } 初始化； .btn{ 背景色：000080； 边界：无； 颜色：白色； 填充：3px20px； 文本对齐：居中； 空白：nowrap； 字体大小：20px； 左：10px； 顶部：40px； 光标：指针； 位置：绝对位置； z指数：110； } html，body，basicMap{ 填充：0px； 边际：0px； 身高：100%； } .p1{ 边界：无； 颜色：白色； 填充：3px32px； 字体系列：信使； 文字装饰：无； 显示：内联块； 字体大小：30px； 保证金：5px1025px； 位置：绝对位置； z指数：100； 字体大小：粗体； 空白：nowrap； } .p2{ 边界：无； 颜色：白色； 线高：80%； 利润率：10px； } 选择点 天空探测应用程序

通过浏览器地理定位API估计您的位置：

将在此处显示 地图的基本地图是位置：静态的，因此它的z索引被忽略。但是，该div中的.OpenLayers_Map_2_OpenLayers_容器有一个位置：绝对，z索引749高于按钮110

你可以用几种方法来解决它。它们可能会产生副作用，例如地图控件，因此请尝试使用最适合您的方法

以下是一些：

使map div basicMap位置相对，从而启用z索引：0 为.olMapViewport指定一个z索引 使按钮的z索引大于749 针对该问题的一些问题：

---

看起来你的按钮在其他所有按钮上，但它不是我不知道故障是否是osm，它干扰了按钮..您如何在浏览器中看到按钮？我在地图后面看到我在我的描述中添加了一个图像，如果你点击结尾：按钮位置的错误有一个绝对位置，因此比相对位置的按钮更强。绝对定位元素和相对定位元素处理z索引的方式没有区别。@GabrielePetrioli它可能写得不太好，但当定位层次发生变化时，它可以改变堆叠顺序。但是，第一个建议中有一个错误，我修正了它。我非常确信，除了静态之外，堆叠顺序与定位类型无关，除非我误解了什么。如果你能提供一个描述/解释你所说内容的链接，我会大开眼界。你完全正确，忽略我所说的。问题中的问题是存在z索引值，但没有位置值，因此它们被忽略。我在回答时把这一点弄混了，导致我得出了一个错误的结论。绝对索引和相对索引的行为相同，z索引只添加细节上下文，就像版本号一样，它不能脱离父级的z索引