注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

╰此情可待成追忆

当没有阳光时,我自己便是阳光,当没有快乐时,我自己便是快乐

 
 
 

日志

 
 

锚点在ie6下无效的解决办法  

2011-09-30 14:42:50|  分类: div+css |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

http://www.firefly365.com/question/css/201003062151127839.html

ie6下的问题真不少,我发现有些情况下锚点竟然无效,请看以下我的分析:

锚点无效的情况:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
  5. <title></title>  
  6. </head>  
  7.   
  8. <body>  
  9. <a href="#ref">点击此锚点,看看页面是否会跳到页面底部</a>  
  10. <p style="height:800px"></p>  
  11. <a name="ref"></a>  
  12. </body>  
  13. </html>  
 

解决办法:在锚点前后添加一些文字(或 )

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
  5. <title></title>  
  6. </head>  
  7.   
  8. <body>  
  9. <a href="#ref">点击此锚点,看看页面是否会跳到页面底部</a>  
  10. <p style="height:800px"></p>  
  11. 锚点在此处  
  12. <a name="ref"></a><br>此处如果有文字,则锚点就正常了。  
  13. </body>  
  14. </html>  
 

锚点在ie6下无效的这种情况在出现在标准模式下的,非标准模式下则正常

  1. <html>  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
  4. <title></title>  
  5. </head>  
  6.   
  7. <body>  
  8. <a href="#ref">点击此锚点,看看页面是否会跳到页面底部</a>  
  9. <p style="height:800px"></p>  
  10. 锚点在此处  
  11. <a name="ref"></a>  
  12. </body>  
  13. </html>  
 

  评论这张
 
阅读(545)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018