css实现DIV居低功能，但在手机的火狐浏览器上出现链接偏移_html/css_WEB-ITnose

程序员文章站 2022-06-12 12:11:05

...

很奇怪，在PC的火狐、IE浏览器和iphone的浏览器上都能正常使用

但在手机火狐浏览器打开时，页面布局显示虽然正常，但img的点击事件的位置却出现了偏移，即我要在原图片的位置再左上的位置点击才会触发onclick事件

CSS部分

BODY部分

回复讨论(解决方案)

把img的格式，设置成display=block试试看。。。

写的真有点?嗦。。。

忘记说了，手机上的网站，刚点击进去的时候，是正常的(即在底部，且点击按钮有效)

但如果内容多，往下拖动之后，就出现虽然还是在底部，但直接点击按钮没反应，可如果往按钮的左上位置点击却能触发按钮的事件

把img的格式，设置成display=block试试看。。。
试了下还是不行

发现，如果设置 height：70px以上时，底部按钮触发事件的位置就会正常，而65px打下都不行，而我需要的是48

有一种情况，就是：我把table加到79px的且设置td的vlign为top时，他可以正常使用：例如下面的代码：前两个td可用，或两个不行，如果设置table的h为50的时候，4个都出问题

那你得继续加油了，很抱歉的说，我帮不了忙了！！

移动端的开发，不太熟~~~

加油加油，

BUG效果还原成功，网址：
http://heavens.duapp.com/webpage/wapindex.jsp
这个刚点点的时候是没问题的，如果点击跳到相同内容的页面就还原问题了[话说即使用超链接返回，问题还是存在]

有兴趣的朋友可以用拿火狐手机浏览器去测试下

把样式全脱了也还是这样难道是FF的问题？
http://heavens.duapp.com/webpage/test.jsp

     基本无样式的情况

很多内容

是火狐的BUG问题- -！
http://mozilla.com.cn/post/59172/