html背景铺满只能铺满一个屏幕

来源：蜘蛛抓取(WebSpider) 时间：2018-04-09 11:34 标签： html铺满屏幕
主题 : 在HTML中怎样是背景图片铺满整个页面又不重复
级别: 北风助理工程师
威望: 420 点
学点: 261 点
贡献: 0 点
好评: 0 点
学币: 0 个
在HTML中怎样是背景图片铺满整个页面又不重复
在HTML中怎样是背景图片铺满整个页面又不重复
此帖悬赏结束最佳答案: 1&学点最佳答案获得者: a6566981
级别: VIP四级
发帖: 1122
威望: 63 点
学点: 93 点
贡献: 1 点
好评: 0 点
学币: 96 个
&img src=&& style=&width:100%;height:100%&/&&&&&如果加在背景上 body{&&&&&&&&&&&&&&&&background:url('background.jsp');&&&&&&&&&&&&&&&&&&&&filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jsp', sizingMethod='scale');&&&&&&&&&&&&&&&&width:100%;&&&&&&&&&&&&&&&&height:100%;&&&&&&&&&&&&}
最佳答案奖励: (+1)&学点
级别: 北风助理工程师
威望: 464 点
学点: 450 点
贡献: 0 点
好评: 0 点
学币: 0 个
由于图片的大小关系，一张图片是不能铺满怎个页面的。你只能把图片用图像****软件****一下，然后让他实现无缝对接，即中间的轮廓显得不明显！
级别: 北风助理工程师
威望: 464 点
学点: 454 点
贡献: 0 点
好评: 0 点
学币: 0 个
body 的css&&设置background:url(&ccc.jpg&) no-repeat就会不重复。一般两种图片形式：1充填图案2超大图。超大图多是适应大屏幕用的，填充图案则必须repeat。更多的情况是在主div两侧有广告式图片，通过确定左顶点即可。
Total 0.648424(s) query 10, Time now is:04-09 19:51, Gzip disabled
Powered by
Code & 2003-09
Corporation在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
为什么Html和Body的高度没有被内容撑起来,给body设置背景颜色一样能铺满整个屏幕，而其他的html标签则不行？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
以前的回答：
你的疑惑是因为html都没有高度怎么会有背景颜色呢？
简单来说，这时浏览器绘制的是文档的canvas，也就是文档可以出现的区域。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我的理解是，你虽然是给body加的背景色，但是浏览器并不是真的把这个背景当成是body的，而这个body只是一个勾子而已，提供给你操作页面背景的，给html设置也是一样的，那么为什么html和body才能操作页面背景，这个也很好解释，因为html和body是唯一的，而其他元素它们本身就可以是一个独立的背景。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
请把问题编写清楚把，不知道你要问什么。。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。html中背景图片不够大导致不能覆盖整个屏幕，而且重复出现。怎么实现背景覆盖整个屏幕？求代码._百度知道
html中背景图片不够大导致不能覆盖整个屏幕，而且重复出现。怎么实现背景覆盖整个屏幕？求代码.
&padding:100%;}&/style&gt:0body{&背景图片&&lt:0body&/title& &style&head& &title&1;/head&&body&&&#47代码如下;background-image:url(images&#47.jpg); width：&meta charset=&utf-8&quot
我有更好的答案
试试background-size:cover或contain
采纳率：67%
来自团队：
background-size:background-repeat:no-
background-size:
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。jQuery实现图片背景全屏铺满效果
下载资源()次
阅读次数()次
发布时间：
用法简介：
jQuery实现图片背景全屏铺满效果。文件引用：&script&type=&text/javascript&&src=&js/jquery-1.7.2.min.js&&&/script&
&script&type=&text/javascript&&src=&js/jquery.ez-bg-resize.js&&&/script&
&script&type=&text/javascript&&
$(document).ready(function()&{
$(&body&).ezBgResize({
img&&&&&:&&image/bg.jpg&,&//&Relative&path&example.&&You&could&also&use&an&absolute&url&(http://...).
opacity&:&1,&//&Opacity.&1&=&100%.&&This&is&optional.
center&&:&true&//&Boolean&(true&or&false).&This&is&optional.&Default&is&true.
相关标签：
网友评论：
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
什么是邮箱订阅？
邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式，用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮，当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。

我要回帖

更多关于 html铺满屏幕 的文章

 

随机推荐