Я не могу щелкнуть текст / кнопку, если наведу на нее курсор внизу внизу. Я не знаю, что вызывает эту проблему. Вот код:

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

Пожалуйста, помогите мне с этим вопросом.

0
Shruthi Sathyanarayana 29 Дек 2015 в 08:08

2 ответа

Лучший ответ

Указатель 1

Поместите якорь в тег <li>

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

И стиль с этим

Указатель 2

В нижней части вашего css-скрипта у вас есть отступ на панели, поэтому ваш якорь не занимает все пространство в вашем контейнере.

Это то, что у вас есть

.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/

1
repzero 29 Дек 2015 в 07:23

Привет, @Shruthi Sathyanarayana!

Предоставьте нам ссылку или URL-адрес, по которому мы можем проверить эту проблему; похоже, что вы можете полностью нажать кнопку или ссылку, для этого проверьте line-height, padding или {{X2 }} в вашем коде.

CSS

a {
    display: block;
}

Это поможет вам, проверьте и попробуйте этот код.

0
Kamal Kumar 29 Дек 2015 в 06:17