Javascript 无法控制z索引最少的div

我有两个div，其中in是一些内容，另一个我想显示我家的地图

我使用css

shapeoutside

property沿对角线分割屏幕，效果也不错。问题是maps div具有

z-index:-1

，而content div具有

z-index:0

当我尝试放大和缩小地图时，我无法这样做

有人能指出错误吗

var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'e'）{
中心：新google.maps.LatLng（51.5，-0.12），
缩放：10，
mapTypeId:google.maps.mapTypeId.HYBRID
});
}

正文{
/*背景颜色：灰色*/
}
#q{
背景色：#EC9592；
身高：100%；
宽度：100%；
位置：相对位置；
z指数：0；
-webkit剪辑路径：多边形（75%0,075,0）；
剪辑路径：多边形（75%0,075,0）；
}
#问：以前{
内容：“；
浮动：对；
身高：100%；
宽度：100%；
-webkit外部形状：多边形（75%0、100%0、100%100%、01100%、075%）；
外部形状：多边形（75%0，100%0，100%100%，01100%，075%）；
}
#e{
背景色：#D08B88；
身高：100%；
宽度：100%；
位置：绝对位置；
左：0；
排名：0；
z指数：-1；
}
#e{
宽度：100%；
身高：100%；
}

测试分割Div
Lorem ipsum door sit amet，modo interest set at vim，et vix oporte at vitutoribus。首先，我要去犯罪。在vix动物叶部，斜角火烧实验有ea。我在梅城。乌哈贝奥的斯克里普塞特火山
塔姆夸。红翅蛾。Civibus omnesque accusamus mel at。自由职业者的演讲，自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者。水平铜溶质逆境。这是一个典型的平庸体制。
Vix propriae廉洁，malis congue得出结论，Turque不属于他。除味剂。通常是从家里出来的。我的朋友们，我的朋友们。欧盟Evertitus取证哲学，alterum phaedrum principes
是的。没有先验的洞察力。欧盟相扑比赛。也许你有。动力是一种动力，是一种动力，是一种动力，是一种动力，是一种动力，是一种动力，是一种动力，是一种动力，是一种动力。

而不是

z-index:-1

和

z-index:0

在

#q

上使用

z-index:2

，您可以从

#e

离开

z-index

var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'e'）{
中心：新google.maps.LatLng（51.5，-0.12），
缩放：10，
mapTypeId:google.maps.mapTypeId.HYBRID
});
}

正文{
/*背景颜色：灰色*/
}
#q{
背景色：#EC9592；
身高：100%；
宽度：100%；
位置：相对位置；
z指数：2；
-webkit剪辑路径：多边形（75%0,075,0）；
剪辑路径：多边形（75%0,075,0）；
}
#问：以前{
内容：“；
浮动：对；
身高：100%；
宽度：100%；
-webkit外部形状：多边形（75%0、100%0、100%100%、01100%、075%）；
外部形状：多边形（75%0，100%0，100%100%，01100%，075%）；
}
#e{
背景色：#D08B88；
身高：100%；
宽度：100%；
位置：绝对位置；
左：0；
排名：0；
}
#e{
宽度：100%；
身高：100%；
}

测试分割Div
Lorem ipsum door sit amet，modo interest set at vim，et vix oporte at vitutoribus。首先，我要去犯罪。在vix动物叶部，斜角火烧实验有ea。我在梅城。乌哈贝奥的斯克里普塞特火山
塔姆夸。红翅蛾。Civibus omnesque accusamus mel at。自由职业者的演讲，自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者的自由职业者。水平铜溶质逆境。这是一个典型的平庸体制。
Vix propriae廉洁，malis congue得出结论，Turque不属于他。除味剂。通常是从家里出来的。我的朋友们，我的朋友们。欧盟Evertitus取证哲学，alterum phaedrum principes
是的。没有先验的洞察力。欧盟相扑比赛。也许你有。动力是一种动力，是一种动力，是一种动力，是一种动力，是一种动力，是一种动力，是一种动力，是一种动力，是一种动力。

而不是

z-index:-1

和

z-index:0

在

#q

上使用

z-index:2

，您可以从

#e

离开

z-index

var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'e'）{
中心：新google.maps.LatLng（51.5，-0.12），
缩放：10，
mapTypeId:google.maps.mapTypeId.HYBRID
});
}

正文{
/*背景颜色：灰色*/
}
#q{
背景色：#EC9592；
身高：100%；
宽度：100%；
位置：相对位置；
z指数：2；
-webkit剪辑路径：多边形（75%0,075,0）；
剪辑路径：多边形（75%0,075,0）；
}
#问：以前{
内容：“；
浮动：对；
身高：100%；
宽度：100%；
-webkit外部形状：多边形（75%0、100%0、100%100%、01100%、075%）；
外部形状：多边形（75%0，100%0，100%100%，01100%，075%）；
}
#e{
背景色：#D08B88；
身高：100%；
宽度：100%；
位置：绝对位置；
左：0；
排名：0；
}
#e{
宽度：100%；
身高：100%；
}

测试分割Div
Lorem ipsum door sit amet，modo interest set at vim，et vix oporte at vitutoribus。首先，我要去犯罪。在vix动物叶部，斜角火烧实验有ea。我在梅城。乌哈贝奥的斯克里普塞特火山
塔姆夸。红翅蛾。Civibus omnesque accusamus mel at。专业英语演讲，交流法律