Question

我试图在一个html页面中对齐两个单独的背景，让我们说第一部分（其中将添加一个flexslider）和剩余的主页面。如何水平对齐这两个背景？你能举个例子吗？我的代码效果不好。

<style type="text/css">
#one {
    background-image: url("http://www.fnordware.com/superpng/pnggrad8rgb.png");
    repeat: no repeat;
    width: 200px;
    height: 300px;
    position: absolute;
}

#two {
    background-image: url("http://www.bit-101.com/blog/wp-content/uploads/2009/05/background.png");
    repeat: no repeat;
    width: 200px;
    height: 300px;
    position: absolute;
}
</style>

<div id="one"></div>
<div id="two"></div>

Demo

提前致谢

Answer 1

这个怎么样？

> <!DOCTYPE html> 
<html> 
  <head> 
   <meta charset="UTF-8">
   <style type="text/css">
   </style>
  </head> 
  <body>  

   <div style="background-image: url(img/3.png); 
 width:1250px; height:1366px;">    
   </div>

   <div style="background-image: url(img/two.png);  width:1250px;     
 height:1366px;">
   </div>


  </body>

 </html>

对齐页面中的两个可滚动元素

1 个答案: