Вопросы Теги

Псевдокласс: hover не работает в IE7

10
задан Linus Caldwell 2 June 2013 в 21:54
поделиться

2 ответа

IE7 не позволит Вам подавать заявку :hover псевдоклассы к элементам непривязки, если Вы явно не указываете doctype. Просто добавьте doctype объявление к своей странице, и она должна работать отлично.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

Больше на IE7/quirks режим может быть найден на этом сообщении в блоге.

25
ответ дан 3 December 2019 в 16:31
поделиться

Я нашел, что это решение, работавшее лучше и, было немного более чистым:

    <style type="text/css">
        * {
            color: #fff;
        }
        .wrapper {

        }

        .trigger {
            background: #223;
        }

        .appear {
            background: #334;
            display: none;
        }

        .trigger:hover .appear {
            display: block;
        }
    </style>
</head>

<body>

    <div class="wrapper">
        <div class="trigger">
            <p>This is the trigger for the hover element.</p>
            <div class="appear">
                <p>I'm <strong>alive!</strong></p>
            </div>
        </div>
    </div>

</body>

pastebin.

0
ответ дан 3 December 2019 в 16:31
поделиться