webrebuild.org第四届年会——金秋四城联动
大白的工作笔记 注册 | 登陆

发现一个ie问题

问题天天有,今天这个切实自己无法解决,也无法解释。(用比较BT的方法还是可以实现效果,但是没办法解释为什么是我最难以接受的)

上代码:

XML/HTML代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>aoteman</title>  
  6. <style type="text/css" media="screen"><!--  
  7. span { display:block; width:300px; height:300px;}  
  8. -->  
  9. </style>  
  10. </head>  
  11. <body>  
  12. <a href="http://www.baidu.com" title=""><span><img src="http://www.baidu.com/img/baidu_logo.gif" alt=""/></span></a>  
  13. </body>  
  14. </html>  

在ie6 ie7下面图片点击图片是没办法触发链接的。 具体可以上下面的链接去试试:

http://bbs.blueidea.com/thread-2919066-1-1.html

试图把img 换成文本文字,但是也不行。只要span是 block 有宽度或者高度 就不能点击。

问了好几个业内的专业人事,他们也无法解释,我希望出来一个人让我膜拜一下,第一告诉我为什么,第2给我一个好的解决方案。

不前网上找不到相关的bug资料。嗳

Tags: ie, css, bug

« 上一篇 | 下一篇 »

Trackbacks

点击获得Trackback地址,Encode: UTF-8 点击获得Trackback地址,Encode: GB2312 or GBK 点击获得Trackback地址,Encode: BIG5

6条记录访客评论

食堂承包首选正福餐饮公司www.shsx88.com

Post by 食堂承包 on 2009, December 7, 3:47 PM 引用此文发表评论 #1

食堂承包www.shsx88.com

Post by 食堂承包 on 2009, December 3, 12:43 PM 引用此文发表评论 #2

隔离卡批发.价格优惠.电话:

Post by 隔离卡 on 2009, December 3, 9:29 AM 引用此文发表评论 #3

烤肉炉百度烤肉炉纸上烤肉炉烧烤炉专用纸围裙其它致富小机械批发.价格优惠.电话:02482116562 QQ:491783951 网址:http://www.086hh.com

Post by 烤肉炉 on 2009, December 2, 10:59 AM 引用此文发表评论 #4

估计是因为图片元素与锚元素之间相隔了一个块级元素层。你把<span>的背景更换为灰色,点击灰色地带却可以跳转链接。
不知道IE8如何。
解决办法就是在图片上加热点了,不过只合适固定宽度和高度的图片。

Post by 去也来来 on 2009, April 9, 5:07 PM 引用此文发表评论 #5

问题还真多哦

Post by 卡通服装 on 2009, April 2, 12:47 PM 引用此文发表评论 #6


发表评论

评论内容 (必填):