Я работаю с 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+ */
}
* Использование только в сафари