背景图片是橙色的为什么贴上背景图片确实灰色的？

视频里背景图片明明是上白下面橙色的两部分啊！贴上背景图片怎么就变成灰色的了

saybye

2015-12-12

源自：导航条菜单的制作 3-1

关注问题我要回答

1117

操作

收起

5 回答

qq_仓仓_0 回答被采纳 +3 积分
2015-12-12

仔细看视频，老师在添加图片时可以看到图片的属性宽为60px，他说了图片上半部分颜色是菜单的默认颜色，那就是#ccc，是灰白色。而<a>标签的宽度为30px，所以只显示了图片的上半部分，就是你说的灰色。后面在a:hover里添加了background-position：0 -30px,这里他说错了，是把图片向上移动了30px，而不是向下，鼠标停留时就显示图片下半部分的橙色了。

1 回复有任何疑惑可以回复我~

#1

我说错了，不是宽是高。

2015-12-12 回复有任何疑惑可以回复我~

#2

saybye 提问者

非常感谢！

2015-12-13 回复有任何疑惑可以回复我~

#3

鼠标经过应该是向下移动对吧是老师说错了难怪看了好几遍都觉得怪怪的

2015-12-22 回复有任何疑惑可以回复我~

查看2条回复

jazia
2016-04-13

所以鼠标没悬浮在上面时橙色那部分就隐藏了是吗

0 回复有任何疑惑可以回复我~

七寒谷
2015-12-22

background-position: 15px 20px;(指将图片向右移15px,向下移20px;)

简单地说，就是以图片的左上角顶点为原点，往下和右都为正，反之为负

1 回复有任何疑惑可以回复我~

七寒谷
2015-12-22

鼠标经过应该是向下移动对吧是老师说错了难怪看了好几遍都觉得怪怪的

0 回复有任何疑惑可以回复我~

七寒谷
2015-12-22

鼠标经过应该是向下移动对吧是老师说错了难怪看了好几遍都觉得怪怪的

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

导航条菜单的制作

参与学习 123899 人
解答问题 813 个

水平、垂直、圆角导航条菜单，让您的技术探索之路更高效

背景图片是橙色的为什么贴上背景图片确实灰色的？

我要回答关注问题

意见反馈帮助中心 APP下载