Почему img Outline испортил div Google Maps

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; }