Maison > interface Web > tutoriel HTML > a标签点击跳转失效IE6、7的奇葩bug_html/css_WEB-ITnose

a标签点击跳转失效IE6、7的奇葩bug_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:44:31
original
1184 Les gens l'ont consulté

 

一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西。

今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何响应。

出现这个bug的条件是:1.a标签下包含div这样的块元素
           2.块元素必须设置width和height属性值

           3.该块元素下包含img

 

解决方法:改结构或者让三个条件的某一个失效就可以了

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal