Test case for child opacity

by lovromar

HTML

<div>
    <span></span>
</div>

CSS

div {
    background-color: red;
    height: 300px;
    opacity: .5;
    padding: 100px;
    width: 400px;
}
span {
    background-image: url('http://lorempixum.com/400/300/');
    display: block;
    height: 300px;
    opacity: 1;
    width: 400px;
}