Кнопки исчезают при наведении указателя мыши в IE11

По какой-то причине при просмотре моего сайта www.webfounded.com в Internet Explorer все мои загрузочные кнопки исчезают при зависании! Это очень неприятно, и я не могу найти решение нигде. У меня даже есть классы CSS, добавленные для совместимости с несколькими браузерами, и даже пытались удалить все зависающие/активные классы! Мне не нужны эффекты зависания для IE, просто нужно, чтобы они не исчезли. Заранее благодарю за любую помощь.Кнопки исчезают при наведении указателя мыши в IE11

.btn { 
    display: inline-block; 
    padding: 6px 12px; 
    margin-bottom: 0; 
    font-size: 14px; 
    font-weight: normal; 
    line-height: 1.428571429; 
    text-align: center; 
    white-space: nowrap; 
    vertical-align: middle; 
    cursor: pointer; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
     -ms-user-select: none; 
     -o-user-select: none; 
      user-select: none; 
    background-image: none; 
    border: 1px solid transparent; 
    border-radius: 4px; 
} 
.btn:focus { 
    outline: thin dotted; 
    outline: 5px auto -webkit-focus-ring-color; 
    outline-offset: -2px; 
} 
.btn:hover, 
.btn:focus { 
    color: #fff; 
    -khtml-opacity: .92; 
    -moz-opacity: .92; 
    -ms-filter: ”alpha(opacity=92)”; 
    filter: alpha(opacity=92); 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); 
    opacity: .92; 
    text-decoration: none; 
} 
.btn:active, 
.btn.active { 
    background-image: none; 
    outline: 0; 
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); 
} 
.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn { 
    pointer-events: none; 
    cursor: not-allowed; 
    filter: alpha(opacity=65); 
    -webkit-box-shadow: none; 
      box-shadow: none; 
    opacity: .65; 
}

источник

2014-07-31 dmiller

можете ли вы показать нам некоторый HTML-код? –

Знаете ли вы, что более поздняя версия IE11 исправила эту проблему? Я помню, что у меня были подобные проблемы в прошлом, но я не могу воспроизвести проблему сейчас. – Dan

Попробуйте удалить opacity из .btn:hover, .btn:focus

.btn:hover, 
.btn:focus { 
    color: #fff;  
    text-decoration: none; 
}

Вы должны удалить это из вашей bootstrap.min.css тоже.

Надеется, что это поможет

источник

2014-07-31 04:43:28 ASR

Удаление значений из внешних файлов css никогда не бывает хорошей практикой. Вместо этого добавьте новый файл, переопределяющий требуемые значения. – Robin

Оказывается, я имел дисплей: встроенный блок; но, изменив отображение: block; он решил проблему. Спасибо за помощь.

источник

2014-07-31 19:04:25 dmiller

Кнопки исчезают при наведении указателя мыши в IE11

ответ

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