錨標記可點擊區域比圖像內

較大的看到了這個問題問了好幾次，但似乎是解決方案的一部分但不是別人的工作：錨標記可點擊區域比圖像內

代碼如下：

.headbuttons { 
 
    opacity: .7; 
 
    background-color: grey; 
 
    background-blend-mode: overlay; 
 
    display: block; 
 
}

<a class="headbuttons" id="homebutton" href="C:\Users\Dom Nguyen\Documents\website.html"> 
 
<img src="C:\Users\Dom Nguyen\Documents\home_button.png" width="125" height="62.5"> </a>

嘗試了內嵌塊和塊顯示的建議解決方案，但都沒有工作，可點擊區域仍然比圖像本身大得多。

來源

2016-09-07 Dom

但'display：inline-block;'正常工作，你可以重現，創建一個小提琴或其他東西，如這裏[** JSFiddle **]（https://jsfiddle.net/vivekkupadhyay/xuj7ccyj/1），它的工作正常。 – vivekkupadhyay

你需要爲錨點標籤設置'width'和'height'也是'width：125px; height：62.5px;' – Noor

不，不需要爲'a'標籤設置不必要的h/w。 – vivekkupadhyay

只要改變你的CSS以下內容，其中包括寬度和高度：

.headbuttons { 
 
    opacity: .7; 
 
    background-color: grey; 
 
    background-blend-mode: overlay; 
 
    display: block; 
 
    width: 125px; 
 
    height: 62.5px; 
 
}

<a class="headbuttons" id="homebutton" href="C:\Users\Dom Nguyen\Documents\website.html"> 
 
<img src="C:\Users\Dom Nguyen\Documents\home_button.png" width="125" height="62.5"> </a>

來源

2016-09-07 04:53:24 JMA

您的解決方案正確的做了一處更改：與將這些類設置應用於錨標記相反，我將它們應用於新創建的img類標記， – Dom

我認爲你可以用寬度和高度，一些設置是這樣的： <a width="125" height="62.5">

來源

2016-09-07 04:21:00 canhongpoxiao

您在發佈之前嘗試過嗎？ –

錨標記可點擊區域比圖像內

回答

相關問題