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

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

<meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>mac菜单</title> <style type="text/css"> </style> <div id="nav"> <ul> <li class="n01"> <li class="n02"><a href="#store" title="store">store</a></li> <li class="n03"><a href="#mac" title="mac">mac</a></li> <li class="n04"><a href="#ipod+itunes" title="ipod + itunes">ipod + itunes</a></li> <li class="n05"><a href="#iphone" title="iphone">iphone</a></li> <li class="n06"><a href="#downloads" title="downloads">downloads</a></li> <li class="n07"><a href="#support" title="support">support</a></li> </ul> </div>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]