2013-04-12 29 views
0

这工作正确的桌面浏览器但所有iPhone的浏览器我有这个错误(没有在Android手机上测试)JQuery的图标看起来对iPhone不正确

通常你可以充分看到白色的,向下看箭头标志在圆圈内部,在iPhone上,您可以看到图像中只有一小部分可见。

任何想法如何解决这个问题?我使用jQuery Mobile和参考图像从

css/images 

文件夹本地文件,我的头脚本都是这样

<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> 
    <script src="js/jquery-1.8.2.min.js"></script> 
    <script src="js/jquery.mobile-1.2.0.min.js"></script> 

和HTML是

 <select id="langoptions"> 
      <option class="langCH" value="0">Chinese</option> 
      <option class="langEN" value="1">English</option> 
     </select> 

enter image description here

+1

你可以发布此按钮的HTML代码? – iappwebdev

+0

@Simon i已更新 – Spring

+1

尝试仅使用select和css创建jsfiddle并在您的iPhone上进行验证。你选择之前使用任何浮动样式? – iappwebdev

回答

0

原来我使用的是属于jQuery 1.3.1的图像文件,而我的css是1.2.0

下载了1.2.1传统zip文件,使用了正确的sprite,并且它已被修复。这两个精灵实际上有相同的图标,但其中一个长度稍大,所以造成图像中心偏离。