Button 'popping'

На веб-сайте, на котором я работаю, появляются кнопки слайдера, и я не уверен, почему. Я знаю, что это связано с преобразованием: translateY свойство, но изменение настроек, просматривание документов - все ничего не изменило (насколько я могу судить).Button 'popping'

Как на земле вы держите кнопку прыжка неуместно в отношении перевода анимаций в IE?

сайт (для справки) https://fishfighterproducts.com ползунок в верхней части (кнопки в красном)

источник

2017-02-15 Joel Hager

Стайлинг для кнопки:

.home-intro-slider .home-slider-btn { 
    font-size: 2.5vmin; 
    background: linear-gradient(#c10000, #660000); 
    color: white; 
    text-shadow: -.2vmin -.1vmin black; 
    text-transform: uppercase; 
    display: block; 
    clear: both; 
    padding: 2% 10%; 
    box-shadow: 0px .2vmin #330000 !important; 
    border-bottom: .5vmin solid #330000 !important; 
    border-right: .25vmin solid #330000 !important; 
    border-top: none; 
    border-left: none; 
    border-radius: .5vmin; 
    margin: 0px 5%; 
    -webkit-transition: all 150ms ease-in-out !important; 
    -ms-transition: all 150ms ease-in-out !important; 
    transition: all 150ms ease-in-out !important; 
} 
.home-intro-slider .home-slider-btn:hover { 
    box-shadow: 0px .1vmin #330000 !important; 
    -webkit-transform: translateY(.2vmin); 
    -ms-transform: translateY(.2vmin); 
    transform: translateY(.2vmin); 
    -webkit-transition: all 150ms ease-in-out !important; 
    -ms-transition: all 150ms ease-in-out !important; 
    transition: all 100ms ease-in-out; 
} 
.home-intro-slider .home-slider-btn:active { 
    -webkit-transform: translateY(4px) !important; 
    -ms-transform: translateY(4px) !important; 
    transform: translateY(4px) !important; 
    border-bottom: none !important; 
    -webkit-transition: all 150ms ease-in-out !important; 
    -ms-transition: all 150ms ease-in-out !important; 
    transition: all 150ms ease-in-out !important; 
}

Просто удалите: парят и: активные части.

Я нашел его правой кнопкой мыши на кнопку, чтобы проверить и классы были home-slider-btn heading-left и home-slider-btn казалось, скорее всего, так происходит по ссылке, представленной в окне стилей я пошел в the css file, где я искал класс.

источник

2017-02-15 23:50:36 Skylark

Ну, это на хроме, это похоже на нажатие кнопки. Я бы предпочел сохранить его и поместить его таким образом, который совместим с IE, а не просто полностью удалить функциональность. –

@JoelHager Я в замешательстве, вы оба хотите и не хотите, чтобы кнопка имела трансляцию. – Skylark

Ну, я думаю, что есть разрыв между тем, что я хочу, и тем, что я получаю. Перевод * - это то, что я хочу, но в IE это не просто перевод; Это буквально «прыгает» из положения. Если вы просмотрите ссылку, которую я предоставил в IE, и наведите курсор на кнопку, вы увидите ее. Это очень явная ошибка; Что-то, что не предназначено. Однако в Firefox и Chrome они работают так, как мне бы хотелось. То, что я пытаюсь сделать, - это получить версию IE в соответствии с версией Chrome/FF. Надеюсь, что это прояснится. Благодаря! –

ответ

Смежные вопросы