background-position
发表在HTML/CSS答疑区 2017-06-04
是否精华
版块置顶:

blob.pngblob.png

如图,为什么会显示成这样?即使我将其设置为center,也不会完全显示,只有设置为top才会。

分享到:
精彩评论 5
阿白老师
学分:598 LV6
TA的每日心情
开心
2017-05-02 16:47:53
2017-06-05
沙发

读者朋友:
您好!
background-position属性的含义,是设置背景图像的起始位置。

它的属性值一般是

“top left”、“top center”、“top right”......这样的形式。

当你只写了一个属性值的话,第二个默认为center。

希望可以帮到您!

静守时光以待流年
学分:221 LV4
2017-06-05
板凳

阿白老师 发表于2017-06-05 15:44

读者朋友:
您好!
background-position属性的含义,是设置背景图像的起始位置。

它的属性值一般是

“top left”、“top center”、“top right”......这样的形式。

当你只写了一个属性值的话,第二个默认为center。

希望可以帮到您!

这个我知道,但是问题是,这张图片明明很大,但是设置backgr-position却只能设置top才能完全显示,设置成bottom就如代码下面那张图所示,设置成center就只显示一半。这是图blob.png

阿白老师
学分:598 LV6
TA的每日心情
开心
2017-05-02 16:47:53
2017-06-07
地板

读者朋友:
您好!

您设置一下:
background-position:top top

试试呢?

希望可以帮到您!


静守时光以待流年
学分:221 LV4
2017-06-07
4L

阿白老师 发表于2017-06-07 10:41

读者朋友:
您好!

您设置一下:
background-position:top top

试试呢?

希望可以帮到您!


blob.png

只要第一个为top,就可以正常显示,如果第一个改成center则如图所示。改成bottom,就基本上没有图片了

静守时光以待流年
学分:221 LV4
2017-06-08
5L

阿白老师 发表于2017-06-07 10:41

读者朋友:
您好!

您设置一下:
background-position:top top

试试呢?

希望可以帮到您!


麻烦老师了,我已经找到问题原因了,只需要在css里设置body或者html的高度就可以解决。

首页上一页 1 下一页尾页 5 条记录 1/1页
手机同步功能介绍
友情提示:以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照