исчезающий фон не работает в Chrome - PullRequest
Новая
       0

исчезающий фон не работает в Chrome

0 голосов
/ 14 марта 2012

Это моя попытка создать меню с исчезающим фоном, когда мышь наводит курсор на элемент меню.Он работает в Firefox (10.0.2), но не работает в Chrome (17.0.963.79).У меня сложилось впечатление, что это будет работать с использованием Chrome версии 17. Чего мне не хватает? 

<html>
<head>
<style type="text/css">
<!--
div.Menu{
    border: solid black 4px;
    width: 200px;
    background-color: #ffffff;
}

div.MenuItem{
    border: solid black 3px;
    margin: 3px;
    height: 20px;
    background-color: #ff0000;
    transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out; 
    -webkit-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}

div.MenuItem:hover{
    background-color: #ffff00;
}
-->
</style>
</head>
<body>
    <div class="Menu">
        <a href=""><div class="MenuItem"></div></a>
        <a href=""><div class="MenuItem"></div></a>
        <a href=""><div class="MenuItem"></div></a>
        <a href=""><div class="MenuItem"></div></a>
        <a href=""><div class="MenuItem"></div></a>
        <a href=""><div class="MenuItem"></div></a>
    </div>
</body>
</html>

1 Ответ

3 голосов
/ 14 марта 2012

Это сообщаемая проблема с Chrome 16 и 17. Если вы установите <a href="#">, то он работает нормально, это проблема с тегом: visit в Chrome.Он отмечен на хроме.

After some experimentation, it seems to have something to do with <a href> being "visited". Non-visited links fade properly, and I think divs work fine too.

Источник

Например, если вы посмотрите здесь на скрипке http://jsfiddle.net/joshuamartin/hRAu4/1/вы увидите, что он работает нормально.

e: Это было исправлено в бета-версии v18, так что это не должно вызывать проблем гораздо дольше!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...