Css 谷歌地图不显示div背景色设置

我有一个具有以下规则的外部样式表：

div{background-color:#FFF;}

这会阻止我的谷歌地图显示。如果我去掉上面的规则，地图就会显示得很好。但我不想把我所有的div都单独设置为白色背景

我正在寻找一种方法来取消/重置div规则，这样地图就会显示出来

我尝试了以下所有方法，但都没有成功：

div:not(#mapdiv){background-color:#FFF;}

#mapdiv{background-color:transparent;}

#mapdiv{background-color:none;}

#mapdiv{background:none;}

---

为了说明这个问题：

问题不是由我的

#mapdiv

引起的，而是由它的子div引起的（其中应用了

div{background color:#FFF；}

）

尝试将

#mapdiv

及其子项的

背景色

重置为

初始

状态：

#mapdiv * {background-color: initial;}

---

Demo fiddle:

谢谢你的帮助，效果很好，但在Internet Explorer中没有发现：#map*{背景色：透明；}也可以在IE中使用。