Кнопка в bootsrap4 работает только при наведении на верхнюю часть кнопки, что делать?

Question

[lalabilli]

При наведении на кнопку, работает только 1/10 часть сверху, в остальной части перестает работать (все кнопки на сайте с такой проблемой, кроме меню и вкладок)
пару кнопок из кода:

<div class="row">
<div class="form-group col-12">
<button class="btn btn-light" mail-to="" type="submit" style="float: right">Отправить</button>
</div>
</div>
<p><a class="btn btn-lg btn-primary" href="" role="button">кнопка</a></p>

Думал на текст, но вывел его через css, все равно не работает.
В чем может быть дело, где искать проблему?

Answer 1

[Сергей Карвасарный]

ничего не понял но очень интересно) закинул бы кусок кода в codepen и указал какие работаю а какие нет. в твоем примере не работает button кнопка? при наведении не меняет фон?

Comments

[lalabilli]

Да, не меняет фон, не меняет курсор, и вообще ссылка не срабатывает, но это только при наведении на нижнюю 9/10 кнопки, вверху почему то все работает

[Сергей Карвасарный]

lalabilli, а есть живой сайт посмотреть?

[lalabilli]

Сергей Карвасарный, ща залью куда нить. 5 мин

[lalabilli]

Сергей Карвасарный, snowskills.ru/html/index.shtml
Знаете, сейчас понял что вообще какой то глюк происходить, не работает first-of-type (при этом дальше написанный last работает норм), высота блоков глючит автоматическая, а кнопки неработающие - в слайдере первая картинка и в консультации...

[lalabilli]

Сергей Карвасарный, впервые сталкиваюсь с такой проблемой, хоть на счету уже 100500 сайтов, вообще не в понятках...

[Сергей Карвасарный]

а это норма? на кнопку налазит блок с низу и только самый верх доступен для нажатия

[Сергей Карвасарный]

таже схема, блоком закрывается

[Сергей Карвасарный]

и зачем ты используешь ID даже если ты пишешь их разделы? я за последний 5 лет id наверное раз 10 писал и то для того чтобы в js использовать))) width: 100vw; почему не написать 100%? Работать будет одинаково только вот vw в старых браузерах не будет работать, а в наше время и такое встречается) и не пончл зачем height: auto на блоке с табами)) короче слишком много вопросов)) я думаю с кнопками ясно почему не нажимались? т.к на них блоки сверху были и скрывали их.

[lalabilli]

слушай, походу действительно из за этого
"ID даже если ты пишешь их разделы"- для себя пишу, ну и как то так научился)
"width: 100vw; почему не написать 100%" - как то не работало, с тех пор пишу vw
" height: auto" эту часть находила в инете 100500 лет назад, поэтому не знаю
можно написать тебе на почту, вижу в профиле, хотелось бы пару вопросов задать?

[Сергей Карвасарный]

lalabilli, пиши, чем смогу тем помогу) если 1 раз не сработало это не значит, что это нельзя больше использовать)))

Answer 2

[profesor08]

Вот объясни зачем вон те две выделенные строчки? Эффекта ноль, но кнопку твою перекрывают. Удали их и все.

section {
    padding-left: 14px;
    padding-right: 14px;
    border-top: 100px solid transparent; /* Эту удалить */
    margin-top: -100px; /* Эту удалить */
    background-clip: padding-box;
    padding-bottom: 20px;
}

Comments

[posters]

Ну... Наверное человеку у которого 100500 сайтов лучше знать)