首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

网页背景图怎么满屏显示?

发布网友 发布时间:2022-04-24 00:36

我来回答

5个回答

热心网友 时间:2022-04-07 08:22

网页背景图片用css实现全屏显示,首先需要的做的就是明确那个图片要加在那个元素上,将body上,就能实现全屏,因为body是包括浏览器的可见部分,提交一段代码:
<html>
<head>
<style>
body{
background:url('图片地址')repeat 0px 0px;
}
</style>
</head>

<body>

</body>
</html>
这样就能实现满屏,不过图片尺寸不够的话,会出现重复的。

热心网友 时间:2022-04-07 09:40

把你放图片的层或其他的什么标签的宽调成100% 高度让图片填充 这样就差不多了 能适应所有的浏览器

热心网友 时间:2022-04-07 11:14

图片满屏布局并不是不可实现的任务,只是对于图片的制作提出较高的要求。

页面采用弹性流体布局,对于横贯屏幕的图片,则需要从图层就开始处理好,将一张大图片一般切成左右或上下两块,图片中间最好有能平行拉伸的效果,通过层的堆叠和Z_INDEX的运用就可以做弹性伸缩的图片。

但是这会对结构造成比较严重的影响,就是会产生冗余的容器来装填图片。所以你要考虑好,如果你对结构有洁癖,那么就请放弃做全屏图片布局的想法。

热心网友 时间:2022-04-07 13:06

背景图片往往是用小图片通过平铺得到的,
一般也不推荐整张图当背景,浪费资源,网页加载的时候速度也比较慢,你可以
找一样颜色差不多的小图片,平铺得到你要的背景色。

热心网友 时间:2022-04-07 15:14

应该有个属性是表示拉伸的吧,你找找追问属性的我都调了, 我想每个不同像素的显示器上都满品显示的效果。。。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com