分裂背景50/50

Question

我正在尝试开发类似http://www.lecrae.com的目标网页。但是我遇到了困难，图片页面分成两部分，但图片显示效果不佳。无论如何，我可以使图片与页面拆分对齐并保持其完整形式吗？请原谅我的英语。这是我的代码：

              .rightHalf {
                           background: url(images/test1.jpg);
                           width: 50%;
                           position: absolute;
                           right: 0px;
                           height: 100%;
                        }

感谢队友

Answer 1

应用backgorund大小和位置

 .rightHalf {
     background-image: url(images/test1.jpg);
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     width: 50%;
     position: absolute;
     right: 0px;
     height: 100%;
}