原文:a标签点击跳转失效--IE6、7的奇葩bug

一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西。 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何响应。 出现这个bug的条件是: .a标签下包含div这样的块元素 .块元素必须设置width和height属性值 .该块元素下包含img 解决方法:改结构或者让三个条件的某一个失效就可以了 补充 ...

2015-05-13 16:55 5 1068 推荐指数:

查看详情

IE7中a标签包含img,点击img,链接失效bug

在做列表时,我们经常会这样写: 在现代浏览器下点击图片或者a标签里的其他部分,均能链接到指定url,但是在ie6,ie7,部分ie8下鼠标hover到img上并没有出现鼠标的手,而且点击也没有反应。 解决方法: 推测是css样式问题,在img的父元素div上,我设置 ...

Thu Jul 21 01:43:00 CST 2016 0 2243
IE6 与 GZIP, BUG汇总

bug1描述: IE6部分版本,某些情况下,开启gzip的资源,会不渲染或不执行(如果是.js的话.) 会引发此bug的条件: 1. 首先,必须由a页跳转到b页面 : 即 a页面有 location.href = b页面.(点链接,form post ...

Sat Apr 28 23:28:00 CST 2012 2 5188
IE6的一个小bug

这段代码对<p>的首字符样式定义在IE6上看是没有效果的,而在p:first-letter和{font-size:300%}加上空格,也就是p:first-letter {font-size:300%}后,显示就正常了。 这个问题主要是出现在IE6浏览器中,而且这位朋友 ...

Fri Aug 09 23:53:00 CST 2013 0 3075
IE6双边距bug及其解决办法

上面这段代码,在IE6和FF中的显示结果分别如下图所示: 可以看到,在IE6中显示的红色区域的左边距实际为40px,是CSS代码中设置的20px的两倍,这是IE6的双边距BUG。当满足下面这三个条件时,就会出现这个BUG: 1、要为块状元素; 2、要左侧浮动; 3、要有左 ...

Fri Sep 02 06:42:00 CST 2016 0 2011
解决vue IE与火狐上点击失效(路由不跳转)问题

<router-link to="/GoAbroad"> </router-link> vue中的<router-link>这种声明式的路由方式在IE与火狐中有时会出现失效问题(目前我还不知道是什么原因导致的),但是我把这种声明式的方式换成编程 ...

Wed Oct 24 18:56:00 CST 2018 0 2206
【css】css 解决 ie6 下 position:fixed 失效

对于 ie6 不支持 position:fixed,我们通常会利用 css 的 expression 方式来解决。下面我将介绍另外种方法,没有 expression,有的只是一些 css hack。 测试浏览器:chrome,firefox,safari,ie8,ie7,ie6 ...

Thu Dec 06 01:05:00 CST 2012 8 2020
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。 HTML5的新标签元素有: <header>定义页面或区段的头部; <footer>定义页面或区段的尾部 ...

Tue Dec 30 01:43:00 CST 2014 0 4203
IE6,IE7,IE8css bug大集合

概述 IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug。 本页列举了IE下的一些问题,实例样本和一些我们已知的解决方法。 尽管我已经尽力按照它们本来的性质对它们进行分类,仍有许多bug可以分在好几个部分之下,这种情况下,我将会将此bug分在普通bug这一 ...

Tue Jun 26 22:29:00 CST 2012 0 6278
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM