仿MAC官网导航菜单
完全应用背景图像X,Y定位;
仿MAC官网导航菜单
注意:
#nav li,#nav li a { background:#fff; }
因为该图片是png透明,所以必须在 li 中设置颜色以挡住 ul 的背景图与 a 的背景图重复叠加。
以下是引用片段: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> #nav { width:982px; height:38px; margin:15px 0 0 10px; overflow:hidden; background:url(http://images.apple.com/global/nav/images/globalnavbg.png) no-repeat; } #nav .n01 { width:118px; } #nav .n02 a:link { background-position:-118px 0; } #nav .n03 a:link { background-position:-235px 0; } #nav .n04 a:link { background-position:-352px 0; } #nav .n05 a:link { background-position:-469px 0; } #nav .n06 a:link { background-position:-586px 0; } #nav .n07 a:link { background-position:-703px 0; } |
- 相关阅读
- 仙美境
- asp远程调用XML
- 微信公众号回复图文消息或用客服接口推送图文消息
- 深山行者个人网站程序V0.2 效果图
- 广西亚太国际旅行社有限公司
- 判断用户注册密码强度的JS代码
- [转]javascript缓冲效果
- 深山留言板2.14情人节留言板模板v4.6
- 共有0条关于《仿MAC官网导航菜单》的评论
- 发表评论
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
- javascript获取浏览器指纹可以用来做投票
- 火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
- DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
- js指定日期加n天加n月加n年
- jquery中动态生成的代码使用on hover事件时不出现效果
- 更多>>最新添加文章
- dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
- Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
- 抖音直播音挂载小雪花 懂车帝小程序
- javascript获取浏览器指纹可以用来做投票
- 火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
- 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
- python通过代码修改pip下载源让下载库飞起
- python里面requests.post返回的res.text还有其它的吗