只能在文本的上半部分點擊按鈕/超鏈接

如果我將鼠標懸停在文本的下方，則無法單擊文本/按鈕。我不知道是什麼導致了這個問題。這裏是代碼：只能在文本的上半部分點擊按鈕/超鏈接

<div class="container"> 
<ol class="breadcrumb"> 
    <li ng-repeat="crumb in breadcrumbs" ng-class="{ active: $last }"><a 
      ui-sref="{{ crumb.route }}" ng-if="!$last" 
      ng-mouseover="true" 
      translate>{{ crumb.displayName }}&nbsp;</a><span ng-show="$last" translate>{{ crumb.displayName 
      }}</span></li> 
</ol>

請幫我解決這個問題。

來源

2015-12-29 Shruthi Sathyanarayana

請提供樣品內網站上的CSS像[jsfiddle]（https://jsfiddle.net/） – n4nn31355

@ n4nn31355 https://jsfiddle.net/3a8bbkmq/這裏是鏈接 –

指針1

把你的錨在<li>標籤

<li> <a ui-sref="findeventshome.findevents" translate class="eventsLink">LOGIN_PERSON_OWN_EVENTS</a></li>

和風格與此

指針2

在你的CSS腳本的下BUTTOM你在酒吧裏有填充物，那就是wh Y在您的錨不是在你的容器佔位所有的空間

這是你必須

.panel-heading { 
    padding: 10px 15px; 
    border-bottom: 1px solid transparent; 
    border-top-right-radius: 3px; 
    border-top-left-radius: 3px; 
}

取出padding: 10px 15px;

風格的錨標記這樣

a:active,a:hover { 
    cursor: pointer; 
    overflow: hidden; 
    display: inline-block; 
    width:auto; 

     } 
    li { 
    display:inline-block; 
    padding:0; 
    margin:none; 
    }

什麼這裏是小提琴https://jsfiddle.net/repzeroworld/pypqkfpu/

來源

2015-12-29 07:23:49 repzero

嗨@Shruthi Sathyanarayana，

請向我們提供一個鏈接或URL，我們可以檢查這個問題，它似乎你能夠點擊按鈕或鏈接完全，這個請檢查line-height，padding ，或display屬性在您的代碼中。

CSS

a { 
    display: block; 
}

這會幫助你，請檢查並嘗試此代碼。

來源

2015-12-29 06:17:48

另外檢查這個JSFIDDLE的例子：https：//jsfiddle.net/itskamalkumar/jwnwyx1n/ –

@ Kamal Kumar jsfiddle.net/3a8bbkmq這裏是我的鏈接 –

我加了display：block;但它仍然沒有工作:( –

只能在文本的上半部分點擊按鈕/超鏈接

回答

相關問題