2012-08-30 2 views
1

내 Windows Phone 에뮬레이터와 Windows Phone에서 다르게 보이는 jQuery 모바일 사이트가 있습니다. 내 Windows 전화에jQuery Mobile MVC Arrow CSS

enter image description here

, 나는 더 흰색 화살표를 볼 : 여기

는 윈도우 폰 에뮬레이터에 사진입니다. 회색 점 만 볼 수 있습니다.

@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 전화 용 브라우저가있는 경우 다른 브라우저에서 같은 페이지를 탐색 할 수 있습니다.