2017-02-23 45 views
0

所以我想讓我們說一個圓形的按鈕,但我試着對這個頁面上的類似問題的每一個答案,工作,我想我的代碼中有一個錯誤。有人可以檢查它嗎?問題是圖像周圍的區域也是可點擊的,我使用邊界半徑。 (我是新編程的東西。)我嘗試使用<map>標記來製作一個圓形圖片,但它無法正常工作

<a href="#"> 
    <div class="hotel"> 
    <img src="http://www.litorehotel.com/web/en/images/placeholders/1920x1200-0.jpg" height="400" width="400" alt="Our hotels and resorts" usemap="#hotel"> 
    <p class="hotimg">Our hotels and resorts</p> 
    </div> 
</a> 

<map name="hotel"> 
    <area shape="circle" coords="961, 603, 819" href="#" /> 
</map> 
+0

爲什麼不只是將a-tag設置爲圓形按鈕而不是製作地圖? – rblarsen

+0

在內聯元素「a」中放置塊元素「div」也不合適。你能告訴我們它應該是什麼樣子嗎? – chazsolo

回答

0

如果按下tab鍵,可以看到形狀輪廓。它太大而且偏向一側。

但是,我也同意使用css而不是map的建議。

enter image description here

相關問題