开发者社区> 问答> 正文

如何控制div背景的高度并使div背景图的高度跟随div的缩小而缩小

现有div的高度为95%,但其背景图片的高度依然是100%,如何调? 而且希望能够设置为响应式的,能跟随屏幕的缩放。

#apDiv1 {
position: absolute;
left: 1400px;
top: 0px;
width: auto;
height: 95%;
background-color: #f0f0f0;
overflow-x: hidden;
overflow-y: hidden;
z-index: 22;
background-position: 0 0px;
background-image: url('../images/bgALL02_01.png');
background-repeat: repeat-x;
}

当浏览器100%高度div95%高度时,这里的草只显示了一半
screenshot

展开
收起
a123456678 2016-03-25 10:48:58 2423 0
1 条回答
写回答
取消 提交回答
  • 如果可以使用 background-size 属性的话,就

    background-size: contain

    2019-07-17 19:13:47
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载