需要在另一个背景图像的背景图像

Question

到目前为止,我还没有成功解决这个问题,所以我需要帮助.我想要做的是有一个适合平板电脑的背景图像.在里面我有一张桌子,还有一个右上角的标志,但现在我想在背景上只有一半的屏幕上有一个透明的标识..标志是一只老鹰,但我只想要一半它在背景上.老鹰必须在背景之上(透明),但也要在桌子后面......想法？建议？代码明智吗？

为了基本,将背景图像放在另一个背景图像上(透明),并且仅在屏幕上覆盖一半.

谢谢

身体{宽度:100%; 高度:100%; display:-webkit-box; 显示:-moz-box; 显示:盒子; 文本对齐:中心;

background:url(1xx.png);
-webkit-background-size: cover !important;
-moz-background-size: cover;
background-size: cover;
font-family: Arial, Times New Roman, sans-serif;
font-size: 20px; 
z-index:0; }  body{   display: table;     width: 100%;    } .box {
width: 75%;
height:90%;

margin-left:auto;
margin-right: auto;
margin-top:auto;
margin-bottom: auto;
 }

Answer 1

有两个选项,要么使用CSS3多个背景:

background-image: url(eagle.png), url(background-image.png);
background-position: left top, center top;
background-repeat: no-repeat;

或使用将鹰放在背景上 position:Absolute;