Jump to content

13bnj

Neophyte
  • Posts

    1
  • Joined

  • Last visited

Everything posted by 13bnj

  1. При попытке поставить скролл (overflow:auto) панели .mudsarulopas исчезает кнопка label . Манипуляции с position не помогают. весь код. <input type="checkbox" id="asruk-tkilasun" aria-hidden="true"> <nav class="mudsarulopas"> <label for="asruk-tkilasun" class="asruk-tkilasun" onclick></label> <section> <a href="/"style="color:#fff;">Заголовок</a> <hr> <a href="/virtualnye-vystavki" style="color:#fff;text-decoration:underline;">выставки</a> <ul> <li>1</li> <li>1</li> <li>2</li> <li>3</li> <li>129</li> </ul> </section> </nav> <style> .mudsarulopas { width: 349px; position: fixed; padding: 0; top: 0; height:100%; right: 0; background: #00747a; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.34s; -moz-transition: 0.34s; transition: 0.34s; z-index: 9999;//overflow-y: scroll;} .mudsarulopas a {color:#fff;text-transform:none !Important;text-decoration:none;font-weight:100 !Important; margin-left:0 !Important;} .mudsarulopas a:hover{color:#fff000;} .mudsarulopas ul{//border:1px solid #3a9096;overflow: auto; margin:20px 0 50px 0;} .mudsarulopas li {//border-bottom:1px solid #3a9096; margin-top:10px;list-style: square !Important;margin-left:15px;} .mudsarulopas:hover {background: #00747a;} .mudsarulopas > section { padding: 15px; color: #f5f5f5 } .asruk-tkilasun { position: absolute; right: 99.8%; top: 41%; margin-top: -24px; left: -24px; padding: 1em 0; background: #dd6149; border-bottom-left-radius: 7px; border-top-left-radius: 7px; color: #f7f3f1; font-size: 1.4em; line-height: 1; text-align: center;} .asruk-tkilasun:after { content: '\f104'; font: normal 18px/1 'FontAwesome'; text-decoration: inherit;} .asruk-tkilasun:hover{ cursor: pointer; color:#fff;} [id='asruk-tkilasun'] {position: absolute; right:0; display:none;} [id='asruk-tkilasun']:checked ~ .mudsarulopas { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0);} [id='asruk-tkilasun']:checked ~ .mudsarulopas > .asruk-tkilasun:after { content:'\f105'; font: normal 18px/1 'FontAwesome'; } body { -webkit-animation: bugfix infinite 1s; animation: bugfix infinite 1s;} @-webkit-keyframes bugfix { to { padding: 0; } } @media (max-width: 350px) { .mudsarulopas { width: 100%; } } </style> .
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy