HTML + CSS прозрачный фон

Такая структура:

<div class="parent">
    <div class="children">
        <span class="info-name">name</span>
        <span class="info-price">price</span>
     </div>
</div>

У parent фоном стоит картинка. Внутри parent еще один <div>, но его фон закрывает картинку. Подскажите, как сделать так, чтобы фон внутреннего <div> был полностью прозрачен ? Если использовать opacity, то прозрачными становяться и <span> c текстом внутри children, но их прозрачными делать не надо.