爲什麼img大綱搞亂谷歌地圖div

Question

我正在爲谷歌建立一個地圖網站。我有一個爲圖像設置的輪廓，但這會弄亂地圖。任何人都知道這是爲什麼？這是一個錯誤嗎？

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