MAC官方菜单纯CSS实现灰色会换色

请注意里面的背景图片是png透明，所以必须在 li 中设置颜色以挡住 ul 的背景图与 a 的背景图重复叠加。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>MAC菜单</title> 
<style type="text/css"> 
 
</style> 
</head> 
<body> 
<div id="nav"> 
    <ul> 
    <li class="n01">index</li> 
    <li class="n02">Store</li> 
    <li class="n03">Mac</li> 
    <li class="n04">iPod + iTunes</li> 
    <li class="n05">iPhone</li> 
    <li class="n06">Downloads</li> 
    <li class="n07">Support</li> 
    </ul> 
</div> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

MAC官方菜单纯CSS实现灰色会换色_导航菜单