最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 15:43:22
文档

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

css实现DIV居低功能,但在手机的火狐浏览器上出现链接偏移_html/css_WEB-ITnose:很奇怪,在PC的火狐、IE浏览器和iphone的浏览器上都能正常使用 但在手机火狐浏览器打开时,页面布局显示虽然正常,但img的点击事件的位置却出现了偏移,即我要在原图片的位置再左上的位置点击才会触发onclick事件 CSS部分 .shape{width:
推荐度:
导读css实现DIV居低功能,但在手机的火狐浏览器上出现链接偏移_html/css_WEB-ITnose:很奇怪,在PC的火狐、IE浏览器和iphone的浏览器上都能正常使用 但在手机火狐浏览器打开时,页面布局显示虽然正常,但img的点击事件的位置却出现了偏移,即我要在原图片的位置再左上的位置点击才会触发onclick事件 CSS部分 .shape{width:
 很奇怪,在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

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> 	基本无样式的情况	 	 
返回
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
很多内容
主页 返回 刷新 退出

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

文档

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

css实现DIV居低功能,但在手机的火狐浏览器上出现链接偏移_html/css_WEB-ITnose:很奇怪,在PC的火狐、IE浏览器和iphone的浏览器上都能正常使用 但在手机火狐浏览器打开时,页面布局显示虽然正常,但img的点击事件的位置却出现了偏移,即我要在原图片的位置再左上的位置点击才会触发onclick事件 CSS部分 .shape{width:
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top