JQuery Mobile Custom CSS Проблемы с. Класс: hover - PullRequest
0 голосов
/ 08 января 2012

Я работаю с jquery mobile Framework 1.0, и я пытаюсь реализовать градиентный фон на нижеприведенном a.grid-anchor с помощью css: hover и не могу заставить его работать.Этот якорь НЕ с использованием jq mobile data-role="button".

<div data-role="content">   

    <div id="ri-grid" class="ui-grid-c">
        <div class="ui-block-a">
            <a class="grid-anchor" href="#page2" data-transistion="slide">
                <div class="ui-bar rm-box border-br">
                    <ul>
                        <li>Sample text</li>
                        <li>more ttxt...</span></li>
                        <li><div class="icon-ir"></div></li>
                    </ul>
                </div>
            </a>
        </div>...</snip>

CSS:

a.grid-anchor:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
}

* Использование только в сафари

1 Ответ

0 голосов
/ 04 февраля 2013

Когда дело доходит до мобильных фреймворков, зачем вам использовать hover?Можно ли вызвать это событие на Hover через мобильный или сенсорный экран?Рекомендуется не использовать парение.Попробуйте другие события, такие как события Mousedown или pointerdown.

...