根据父div背景图像，图像无响应

Question

我正在尝试制作横幅/英雄部分，其中父级div包含图像作为背景图像，而在父级div中则有另一个图像。

问题是儿童div没有得到回应。

<div class="full_width">
    <div class="banner-box">
        <img src="https://www.imageupload.co.uk/images/2015/03/18/banner-right-image30d6a.png">
    </div>
</div>

这是我从psd导出的原始横幅。

https://www.imageupload.co.uk/images/2015/03/18/banner-ori.jpg

演示（全屏）在这里https://jsfiddle.net/squidraj/61df2zj8/embedded/result/

正常 - http://jsfiddle.net/squidraj/61df2zj8/

非常感谢任何帮助/建议。提前谢谢。

Answer 1

在max-width

等图片上使用max-width: 80%

Answer 2

<强> WORKING DEMO

为img。

提供width:100%

.banner-box > img {
    position: absolute;
    right: 0;
    top: -66px;
    width: 100%;
}