asp.net-mvc - jQuery モバイル MVC 矢印 CSS

Question

Windows Phone エミュレーターと Windows Phone で表示が異なる jQuery モバイル サイトがあります。

これは、Windows Phone エミュレーターの画像です。

Windows Phone に白い矢印が表示されません。灰色の点しか見えません。ここに私のマークアップがあります：

@model PagedList.IPagedList<product>
@{
    ViewBag.Title = "Index";
}
<div data-role="button" data-theme="c">
@Html.ActionLink("Create New", "Create")
</div>
<br />
<br />
<ul data-role="listview" data-filter="true">
@foreach (var item in Model)
{        
    <li><a href="@Url.Action("Edit", "Admin", new { id = item.ID })">
        <h3>@item.Name</h3>
        <p>
            <strong>@item.FoodCategoryName</strong></p>
    </a></li>
}
</ul>
<br />
<br />
<br />
<div class="pager">
Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber)
of @Model.PageCount
@if (Model.HasPreviousPage)
{
    @Html.ActionLink("<<", "Index", new { page = 1, sortOrder = ViewBag.CurrentSort,    currentFilter = ViewBag.CurrentFilter })
    @Html.Raw(" ");
    @Html.ActionLink("< Prev", "Index", new { page = Model.PageNumber - 1, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter })
}
else
{
    @:<<
    @Html.Raw(" ");
    @:< Prev
            }
@if (Model.HasNextPage)
{
    @Html.ActionLink("Next >", "Index", new { page = Model.PageNumber + 1, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter })
    @Html.Raw(" ");
    @Html.ActionLink(">>", "Index", new { page = Model.PageCount, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter })
}
else
{
    @:Next >
    @Html.Raw(" ")
    @:>>
            }

Answer 1

実際には間違った場所を探していました:

~/jquerymobile/images/icon-18-white.png

このコードを変更しました：

\Content\jquery.mobile-1.1.1.css

.ui-icon,
.ui-icon-searchfield:after {
background:                         #666 /*{global-icon-    color}*/;
background:                         rgba(0,0,0,.4) /*{global-icon-disc}*/;
background-image: url(Content/images/icons-18-white.png) /*{global-icon-set}*/;
background-repeat: no-repeat;
-moz-border-radius:                 9px;
-webkit-border-radius:              9px;
border-radius:                      9px;
}

Answer 2

png レンダリングの問題のようです。

Windows phone 用の別のブラウザーがある場合は、別のブラウザーで同じページを参照してみてください。