为了账号安全,请及时绑定邮箱和手机立即绑定

关于背景图片

为什么刚贴上背景图片的时候背景显示的是灰色的?背景图片不是灰色和橙色的吗?而且从class部分的就不太懂了,哪位大神讲解一下?

正在回答

7 回答

代码贴出来看看呢?不太懂你的意思

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

各种各种各种 提问者

就是背景图片不是上灰下橙吗,为什么给a标签加上这个背景图片之后只显示了灰色部分的呢,橙色部分去哪里了呢?就是在视频2分27左右那里,想不太清楚,还有个问题就是在1分20左右那里,为什么在给ul加下面橙色横线的时候要给ul设置高度呢?菜鸟求解答哇
2015-07-28 回复 有任何疑惑可以回复我~
#2

Hall_2015 回复 各种各种各种 提问者

你说的是哪个课程,把链接粘出来,我去看看
2015-07-28 回复 有任何疑惑可以回复我~
#3

各种各种各种 提问者 回复 Hall_2015

http://www.imooc.com/video/67这个,圆角菜单的制作,新手求大神解答
2015-07-29 回复 有任何疑惑可以回复我~
#4

Hall_2015 回复 各种各种各种 提问者

它这个用的是一个叫雪碧图的东西,你要是还没学雪碧图的话就不好理解了。他用的背景图片是上灰下橙,按照我们一般加背景图片的方法他只显示上面灰色部分,你注意看视频3分钟的地方,他用了一个雪碧图技巧,对背景图片做了一个位移,这样就显示了下面橙色部分了。
2015-07-29 回复 有任何疑惑可以回复我~
#5

Hall_2015 回复 各种各种各种 提问者

给ul加下边框时要给ul设置高度是因为ul下的li元素设置里浮动属性,可以回去再看看前面的课程,设置里浮动属性的元素会脱离文档流。 也就是说li已经脱离了ul的文档,不在占据ul中的位置,此时ul中没有任何内容可以撑开ul这个元素,它实际已经变成了一条细线。
2015-07-29 回复 有任何疑惑可以回复我~
#6

各种各种各种 提问者 回复 Hall_2015

刚才去看了关于雪碧图的讲解,好像是那么回事!灰常感谢哈!
2015-07-29 回复 有任何疑惑可以回复我~
查看3条回复

谢谢各位亲的解释

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

因为a的height只有30px,只能看到灰色的部分

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

a 只有120x30那么大,就只能显示背景图像的一半

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

楼上正解,,li 或者说a 30px ,背景图片高60px,刚开始时显示上面,向下移30px就成下面图片了

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

七寒谷

向上移吧
2015-12-22 回复 有任何疑惑可以回复我~
#2

七寒谷

background-position: 15px 20px;(指将图片向右移15px,向下移20px;) 简单地说,就是以图片的左上角顶点为原点,往下和右都为正,反之为负
2015-12-22 回复 有任何疑惑可以回复我~

给UL设置高度是为了让菜单栏在页面中显示效果好看一点而已,你把Ul高度和A标签的高度设置成一样也可以的。关于背景图片的设置,你背景图片比如说正方形,四边都是10个大小。但是你只给显示图片的区域(LI)设置了四边5个大小,那么显然背景图片显示不完全,只能显示最上面的5个大小(默认情况下背景图片的坐标是从左上角开始的),于是你只能看到灰色部分。但是如果你给背景图片设置一个开始位置就不一样了。这个属性就是background-position因为左上角是0,0所以你的图片只能是在第四象限,那么你想看到下方的5个大小,就只能设置该属性值为-5,这样你才能将背景图片上移,看到下面的橙色部分。建议你去看看sprit雪碧图那门课程,里面讲解很详细。

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

饿了_吃包子

但是加上背景图片之后为什么就变成了圆角的背景了呢?背景图片的上半部分是方角的呀?小白求解答
2015-10-12 回复 有任何疑惑可以回复我~
#2

小王子抓猫咪 回复 饿了_吃包子

你需要先弄明白Background-position这个属性,再去看我上面的解释就明白了。
2015-10-13 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

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

进入课程

关于背景图片

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信