为什么img Outline搞砸谷歌地图div

Question

我正在为Google设置一个网站地图。我有一个图像的轮廓设置，这会弄乱地图。谁知道为什么会这样？这是一个错误吗？

CSS

#pictures img {
    outline: 6px solid #333; /* <-- This messes up Maps */
}
#map_canvas {
    height: 400px;
    width: 100%;
}

HTML

<div id="pictures">
    <div id="map_canvas"></div>
</div>

Fiddle

Answer 1

因为您定位的所有img都是#pictures

的子孙

添加：

#map_canvas img {
  outline: 0px none transparent; 
}

Answer 2

您只需指定不希望画布中的img有边框。

试试这个：

#map_canvas img {
    outline: 0px none;
}

Answer 3

C CSS代表cascade

#map_canvas img { outline: none; }