Double Background image top and bottom

Need help on this anyone? The problem on this one is if you will zoom-out the browser the grass & tower is resizing. because of the position:fixed top:270px; This is for the grass & tower will be on the right location on the page. If I will put a top:0; its good because its stick on the top but the problem is the cloud has another div. Any can help me on this one? Here's the link: #try { position:fixed; top:270px; left:0; width:100%; height:100%;} #try img {width:100%; height:100%;} /*#mid {display:block; height:100%; overflow:hidden;width:100%;z-index:1;}*/ html, body { height:100%; width:100%;max-height:100%;position:relative;overflow: auto;} #up {background:#d0efea url(images/up-img.jpg) repeat-x; } body {font:bold 12px/1.6em Arial, Helvetica, sans-serif;margin: 0; padding: 0;text-align:left;color: #000000; min-width: 800px; min-height: 600px;} #top {background:#8dba76; padding:5px; font-size:12px;} **HTML**

i just wanted to ask if there's another method for position:relative; top:270px; so that if you will resize the browser it will not be moving or resizing.

以上就是Double Background image top and bottom的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准