IE9 img наведите курсор на добавленную маржу внизу - PullRequest
1 голос
/ 30 июня 2011

У меня очень странная проблема, и я понятия не имею, как ее решить.На веб-странице, где возникает проблема, есть div, который имеет несколько горизонтальных изображений, на которые можно кликнуть.При наведении курсора мыши на изображения () граница в 15 пикселей меняет цвет, а при выходе из состояния наведения цвет границы снова изменяется на исходный цвет.Странная проблема заключается в том, что когда я парю любое изображение в div или покидаю состояние наведения, поле под div продолжает увеличиваться, что, конечно, недопустимо.Эта проблема возникает только в IE9.Chrome и Firefox работают нормально.Я не тестировал на предыдущих версиях IE.Я думаю, что проблема может быть в следующих утверждениях CSS:

#content_links #fotos #foto{
    text-align: center;
    width: 488px;
    overflow-y: hidden;
    white-space: nowrap;
    margin-left: 22px;
    margin-bottom: 70px;
}

#content_links #fotos #foto a{
    text-decoration: none;
}

#content_links #fotos #foto img{
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 6px;
    border: 3px solid silver;
    border-bottom-width: 15px;
}

#content_links #fotos #foto a:hover img{
    border: 3px black solid;
    border-bottom-width: 15px;
}

Есть какие-нибудь подсказки по решению этой проблемы?Заранее спасибо,

Томас

1 Ответ

0 голосов
/ 30 июня 2011

Вы объявили Doctype для вашего HTML?Я заметил странные вещи с IE и без границ.Я не уверен, что это относится к IE 9.

См. здесь по css и совместимости с Internet Explorer.

...