星空网 > 软件开发 > 网页设计

基于html5背景图片自适应代码

基于html5背景图片自适应代码是一款背景不随滚动条滚动,会根据分辨率不同自动匹配对应的背景图片。效果图如下:

基于html5背景图片自适应代码

在线预览    源码下载

实现的代码。

css代码:

.jawbone-hero .jawbone-hero-image {  position:absolute;  background:transparent none no-repeat scroll 50% 0;  background-size:cover;  top:0;  bottom:0;  left:0;  right:0;  width:100%;  margin:0 auto;  z-index:-1}.jawbone-hero {  height:100%;  min-height:550px}.jawbone-hero .jawbone-hero-image {  position:fixed}#h1.jawbone-takeover-minimulti .jawbone-hero-image {  background-image:url(../images/hero-600.jpg)}@media (min-width: 600px) {  #h1.jawbone-takeover-minimulti .jawbone-hero-image {  background-image:url(../images/hero-1280.jpg)}}@media (min-width: 1016px) {  #h1.jawbone-takeover-minimulti .jawbone-hero-image {  background-image:url(../images/hero-2000.jpg)}

via:http://www.w2bc.com/Article/40891




原标题:基于html5背景图片自适应代码

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

一入跨境电商深似海,谁,还没有坑过呢?:https://www.ikjzd.com/articles/98331
重磅发布:《我国跨境电子商务发展报告2019》!:https://www.ikjzd.com/articles/98332
小白能不能做亚马逊无货源?有没有前景?:https://www.ikjzd.com/articles/98333
划重点!Shopee购买关键词广告教程及注意事项!:https://www.ikjzd.com/articles/98334
盘点2019年中国跨境电商行业发展的6大趋势!:https://www.ikjzd.com/articles/98335
突发:亚马逊秒杀推荐突然没有了?已有多位卖家中招!:https://www.ikjzd.com/articles/98337
跨境支付百科——巴西支付篇:https://www.kjdsnews.com/a/1836648.html
大福地快捷酒店预订 大福酒店怎么走:https://www.vstour.cn/a/365187.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流