大家好，這里是成都黑馬視覺品牌設計，作為一家專業的龍華網站建設公司，我們今天要給大家分享的一個網站建設過程中遇到的一個特殊的問題。

眾所周知，在網站制作中， 我們很喜歡在聯系方式的欄目中插入網站地圖，而且是插入動態地圖，如此一來，交互效果更強，也讓用戶在訪問網站的過程中可以充分地拖動地圖以方便他查看貴公司的具體地理位置。

那么今天黑馬視覺在給一家企業做網站開發的過程中，當引入之前使用過千百回的百度地圖代碼之后，發現百度地圖也只顯示按鈕，不顯示圖片。

形如：

相信有不少小伙伴在網站制作中也遇到過類似的問題吧。我的印象中在以前也遇到過一次，但是由于時間太久，也忘記當初是如何解決的這個問題了。

好吧，廢話不多說了，我們來說一下這次遇到這個問題的原因。

也許你的CSS就成了百度地圖顯示不出來的罪魁禍手。

經過幾翻努力和調試后發現，原來是CSS的img屬性出了問題。

由于CSS在初始化的時候，給了一個img的屬性為：

img{max-width: 100%; max-height: 100%;}

正是這段代碼，讓百度地圖顯示不出來。我們將其刪除，可以讓它在這個頁面不要用這個屬性。

再看效果。奇跡出現了。

希望這一篇文章能幫助到您，我們這里是成都網站建設公司，黑馬視覺品牌設計。如果你有網站建設的需求，小程序的需求，設計方面的需求，歡迎聯系我們。