急,急,急 在线等

baramsori 2011-05-23 10:11:54
请帮我查看如下 代码, 为何 IE9 和 IE8 显示 效果 不同?

而且 a:active 效果 不起作用 。 
效果 是 模仿 apple 官网 导航条 。 我是跟着 网上的教程做的。


@charset "utf-8";
/* CSS Document */

<style type="text/css">
<!--
html,body { height:100%; background:#fff; }
body {
font:12px "宋体",Arial,sans-serif;
color:#333;
}
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 { padding:0; margin:0; }
ul,ol,dl { list-style:none; }

#nav {
width:1000px;
height:37px;
margin:15px 0 0 0px;
overflow:hidden;
background-image: url(../menu/menu.png);
background-repeat: no-repeat;
}
#nav li,#nav li a { float:left; display:block; width:120px; height:37px; background:#fff; }
#nav li a {
width:100%;
text-indent:-9999px;
background-image: url(../menu/menu.png);
background-repeat: no-repeat;
background-position: 0 0;
}

#nav .n01 { width:120px; }
#nav .n01 a:visited { background-position:0 -112px; }
#nav .n01 a:hover { background-position:0 -38px; }
#nav .n01 a:active { background-position:0 -77px; }

#nav .n02 a:link { background-position:-120px 0; } /* 链接未点击时效果 */
#nav .n02 a:visited { background-position:-120px -112px; } /* 鼠标经过效果 */
#nav .n02 a:hover { background-position:-120px -38px; } /* 鼠标放在链接点击时效果 */
#nav .n02 a:active { background-position:-120px -77px; } /* 链接被按下后的效果 */

#nav .n03 a:link { background-position:-240px 0; }
#nav .n03 a:visited { background-position:-240px -112px; }
#nav .n03 a:hover { background-position:-240px -38px; }
#nav .n03 a:active { background-position:-240px -77px; }

#nav .n04 a:link { background-position:-361px 0; }
#nav .n04 a:visited { background-position:-361px -112px; }
#nav .n04 a:hover { background-position:-361px -38px; }
#nav .n04 a:active { background-position:-361px -77px; }

#nav .n05 a:link { background-position:-481px 0; }
#nav .n05 a:visited { background-position:-481px -112px; }
#nav .n05 a:hover { background-position:-481px -38px; }
#nav .n05 a:active { background-position:-481px -77px; }

#nav .n06 a:link { background-position:-600px 0; }
#nav .n06 a:visited { background-position:-600px -112px; }
#nav .n06 a:hover { background-position:-600px -38px; }
#nav .n06 a:active { background-position:-600px -77px; }


-->
</style>



在试验中的 网站 www.ipopspa.com 谢谢啊 急 。
...全文
91 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
mokson 2011-05-24
  • 打赏
  • 举报
回复
帮你顶一下。
EdwardLong 2011-05-24
  • 打赏
  • 举报
回复
IE8 确实有 2楼说的错误
EdwardLong 2011-05-24
  • 打赏
  • 举报
回复
用IEtester 看过,效果一样的
baramsori 2011-05-24
  • 打赏
  • 举报
回复
网站 可以显示的哦。

,谁能帮我看下 代码。

谢谢
香椿炒鸡蛋 2011-05-24
  • 打赏
  • 举报
回复
网页错误详细信息

用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
时间戳: Tue, 24 May 2011 01:43:34 UTC


消息: 'null' 为空或不是对象
行: 224
字符: 8
代码: 0
URI: http://www.ipopspa.com/

baramsori 2011-05-24
  • 打赏
  • 举报
回复
顶 , 谁能 帮我解决问题啊。 谢谢

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧