2012-08-30 59 views
1

我有一個jQuery手機網站,在我的Windows Phone模擬器和我的Windows Phone上看起來不同。jQuery Mobile MVC Arrow CSS

下面是在Windows Phone模擬器圖片:

enter image description here

在我的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(" ") 
    @:>> 
      } 

回答

0

它實際上是找錯了地方:

〜/ jquerymobile /圖像/圖標-18-white.png

我改變了這種代碼:

\內容\ 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; 
} 
0

似乎PNG渲染問題。

如果有另一個用於Windows Phone的瀏覽器,則可以嘗試在另一個瀏覽器中瀏覽同一頁面。