One element is transparents, and second no

I would line that main element about id = #menu_gorne was not transparetnts and so is, but i apply for second elementu value opacity: none and it is trasnparents and not should.

body {

 background-image: url('./cardboard.png'); /* from */ 

#menu_gorne {
    width: 80%;
    background-color: red;
    height: 60px;
    margin-left: auto; 
    margin-right: auto;
    opacity: 0.7;
    vertical-align: middle;
    line-height: 40px;
    border-radius: 29px;
    position: relative;


.pozycja {
    position: absolute;
    opacity: none;
    text-align: center;
    width: 120px;
    border-radius: 29px;

.d {
    background-color: green;   

<div id="menu_gorne">
    <div class="pozycja">
        <div class="d">sss</div>

Hi tomi0001, welcome to the forum. :slight_smile:

I don’t umderstand your question.

Maybe you could check what values are allowed for that property (0-1) and what it does:

Thanks the solution was
background-color: rgba(255,0,0,0.7);

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.