Google 设置了 div 背景颜色的地图未显示

Question

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

div{background-color:#FFF;}

这会阻止我的 Google 地图显示。如果我去掉上面的规则，地图显示正常。但我宁愿不必将我所有的 div 都设置为 div 中的白色背景。

我正在寻找 cancel/reset div 规则以便地图显示的方法。

我尝试了以下所有方法，但均未成功：

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

#mapdiv{background-color:transparent;}

#mapdiv{background-color:none;}

#mapdiv{background:none;}

jsfiddle来说明这个问题：

Answer 1

问题不是我的 #mapdiv 引起的，而是它的子 div（应用 div{background-color:#FFF;} 的地方）引起的。

尝试将 #mapdiv 及其子项的 background-color 重置为 initial 状态：

#mapdiv * {background-color: initial;}

演示 fiddle：http://jsfiddle.net/mj7ob3ow/8/