Android OS 5.0
UnScrambled!http://i58.tinypic.com/wqq8g9.jpg - 来自ucbrowser Android
炒作!http://i62.tinypic.com/23mu4ja.jpg - 来自移动Chrome Android
CSS:
.mobile_icons_home{
background: url(/images/web1.jpg) 357px -6px;
background-size: 518px 515px;
}
.mobile_icons_share{
background: url(/images/web1.jpg) 305px 252px;
background-size: 518px 515px;
}
.mobile_icons_map{
background: url(/images/web1.jpg) 305px 355px;
background-size: 518px 515px;
}
.mobile_icons_search{
background: url(/images/web1.jpg) 512px -57px;
background-size: 518px 515px;
}
.mobile_icons_extlink{
background: url(/images/web1.jpg) 460px 46px;
background-size: 518px 515px;
}
.mobile_icons_slider{
background: url(/images/web1.jpg) -420px -57px;
background-size: 518px 515px;
}
.mobile_icons_options_toggle{
width:40px;
height:40px;
border-radius:50%;
background: url(/images/web1.jpg) -472px -212px;
background-size: 518px 515px;
}
HTML:
<div style="display:table-row">
<!--<div class="mobile_icons_options_toggle"></div>
<div class="tablecell"><div class="mobile_icons mobile_icons_home"></div></div>-->
<div class="tablecell"><div id="feedToggle" class="mobile_icons mobile_icons_map"></div></div>
<div id="mobile_search_cell" class="tablecell"><div class="mobile_icons mobile_icons_search"></div></div>
<div class="tablecell"><div id="slider_toggle_icon" class="mobile_icons mobile_icons_slider sb-toggle-right"></div></div>
</div>
当我在移动设备上打开页面时,图像会变得混乱,背景位置无法在移动设备上运行。