html5去除页面背景,背景图像使用HTML5来适应页面

我想使一个图像成为网站的完整背景!我知道这听起来很简单,但它只是让我疯狂,它不适合的页面,这是我达到的最后一次尝试!

CSS:

body {

background:url('images/bg_img1.jpg') #A98436 no-repeat left top;

-webkit-background-size: cover;

-moz-background-size: cover;

background-size: cover;

}

我也使用Twitter Bootstrap,但事情甚至没有,我不能正确的!

任何帮助将不胜感激.

编辑:我没有使用精确的像素,因为我正在尝试做出敏感的移动设计.

我不知道为什么他们下了这个问题!但这是我如何解决它!

html,body {

margin: 0;

padding: 0;

height: 100%;

}

#mybody {

background: url('images/bodybg.jpg') no-repeat center left;

background-size: 100% 100%;

width: 100%;

height: 100%;

height: auto !important;

min-height:100%;

}

#myheader {

background: url('images/headerbg.jpg') no-repeat center left;

background-size: 100% 100%;

width: 100%;

height: 100%;

height: auto !important;

min-height:100%;

}

#myfooter {

background: url('images/footerbg.jpg') no-repeat center left;

background-size: 100% 100%;

width: 100%;

height: 100%;

height: auto !important;

min-height:100%;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值