使用复选框更改不透明度

Question

我想用复选框切换div的不透明度（no js pls） 这就是我所拥有的：

＆＃13;

＆＃13;

    .overlay {background-color: black; height: 100px; width: 100px; opacity: 0;}

    #sidebartoggler:checked + .overlay {opacity: 1;}




    

＆＃13;

 <input type="checkbox" id="sidebartoggler">

    <div class="overlay">
    <div class="navtext">
    <ul></ul>
    </div></div>

＆＃13;

＆＃13;

＆＃13;