html中,怎么让背景图片充满整个页面 30
html中,怎么让背景图片充满整个页面图片大了图片会显示不全,小了会重复显示,怎么才能让图片自适应网页的大小...
html中,怎么让背景图片充满整个页面
图片大了图片会显示不全,小了会重复显示,怎么才能让图片自适应网页的大小 展开
图片大了图片会显示不全,小了会重复显示,怎么才能让图片自适应网页的大小 展开
9个回答
展开全部
background-size: 100% 100%;
background-position: top center;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我这个方法也成功了
{ background:url(' + bodyBgs[randomBgIndex] + ') no-repeat 100% 0;background-size:cover }
{ background:url(' + bodyBgs[randomBgIndex] + ') no-repeat 100% 0;background-size:cover }
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
首先要确定一点,背景图片还没有强大到自适应网页的大小的程度。目前的解决办法有几个:
1. 做一个很大的背景(居中显示),当小屏幕浏览时,只显示中间的部分;(缺点是要做一张足够大的背景图片,以满足大屏幕用户的需要,但对于手机用户或者网速比较慢的人来说,是不能够接受的……)
2. 做一个边缘能融合背景色的图片,这样当图片无法满足大屏幕,达到一定程度时,就可以用背景色来填充剩余的部分;(要用PS来处理,需要一些美感^__^)
3. 如果前两种,你都觉得不好,一定要让一张图片来自适应,那就把背景图片做成flash吧,因为它可以全屏自适应,然后把这个图片当成“背景”,再定位写其它网页元素。(缺点:手机用户还是不支持)
总之,各有利弊,要根据实际的需求,选择使用哪种解决方案!
1. 做一个很大的背景(居中显示),当小屏幕浏览时,只显示中间的部分;(缺点是要做一张足够大的背景图片,以满足大屏幕用户的需要,但对于手机用户或者网速比较慢的人来说,是不能够接受的……)
2. 做一个边缘能融合背景色的图片,这样当图片无法满足大屏幕,达到一定程度时,就可以用背景色来填充剩余的部分;(要用PS来处理,需要一些美感^__^)
3. 如果前两种,你都觉得不好,一定要让一张图片来自适应,那就把背景图片做成flash吧,因为它可以全屏自适应,然后把这个图片当成“背景”,再定位写其它网页元素。(缺点:手机用户还是不支持)
总之,各有利弊,要根据实际的需求,选择使用哪种解决方案!
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
似乎用fp是做不到的,但其他软件我就不知道了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询