Как сделать фон прозрачным?

Question

Я довольно новичок в CSS, мне нужно сделать это для курсовой работы. Я столкнулся с этой проблемой, я не уверен, как сделать фон единственным прозрачным битом, а не остальными. Пожалуйста, проверьте эту ссылку:

http://jsfiddle.net/xiiJaMiiE/LfWBn/

html,body { 
background-color:orange; 
background-size:auto; 
opacity:0.6; 
z-index:1; 
} 

Я понимаю, что бар все из места, но когда оно рассматривается в сафари он возвращается в нормальное русло.

Заранее благодарен!

Answer 1

Вы должны добавить RGBA в свой цвет фона

html,body { 
    background:rgba(255,165,0,0.5); 
} 

Answer 2

Background-color:rgba(255,165,0,0.5);