个人主页制作中的问题

在制作个人网站中遇到的一些问题,在这里整理、归纳一下:

1,去掉链接的虚线边框,在IE和FireFox下要分别处理:

a,area { /* for IE */
    blr:expression(this.onFocus=this.blur()) 
} 
:focus {/* for Firefox */
    outline: none; 
} 


2,将导航条用Css控制翻转图片效果,页面代码整洁:

<div id="nav">
    <ul>
	<li><a href="#">首页</a></li>
	<li><a href="#">日志</a></li>
	<li><a href="#">好友</a></li>
	<li><a href="#">美化</a></li>
	<li><a href="#">联系</a></li>
	<li><a href="#">下载</a></li>
	<li><a href="#">关于我们</a></li>
    </ul>
</div>

 

 css代码:

/*-navigation Begin-*/
#nav{
	height:36px;
	position:relative;
	top:64px;
	font-family:Arial, Helvetica, sans-serif,"宋体";
	line-height:20px;

}
#nav ul{
	position:absolute;/*-控制nav横向排列位置-*/
	right:0px;
}
#nav ul li{
	float:left;
	display:block;
	font-size:14px;
	line-height:36px;
	height:36px;
	background:transparent url(images/nav.gif) repeat-x -95px 0px;
}
#nav ul li a{
	text-decoration:none;
	color:#fff;
	display:block;
	float:left;
	height:36px;
	width:95px;
	text-align:center;
}
#nav ul li a:hover{
	color:#000;
	background:transparent url(images/nav.gif) repeat-x 0px 0px;
}

 

你可能感兴趣的:(css,IE,firefox)