• advertisement_alt
  • advertisement_alt
  • advertisement_alt


  • Ближайшие события

    Ближайших событий не найдено
  • Записи блога

  • Сообщения форума

    • ShumNo
      На самом деле даже не в разметке, а в стилях. Потому как если вынести слой fixed из под sidebar то эффект будет тот же самый - fixed перекроет скролл. То есть свойство fixed в позиционировании будет перекрывать скролл даже если ширина там будет 100%. С одной стороны это логично, а с другой бывают разные ситуации. Это примерно из той же оперы что и width: calc(100% - ширина скрола) только она везде разная да. Быть может в этом случае в какой-то мере актуален свой скрол одинаковой ширины во всех браузерах, но это не лучший вариант
    • mrnobody
      может через box-shadow сделать эти градиенты, вот пример:  
    • andrey7287
      Уж не знаю что там за идея, но причина - кривая разметка а вы боретесь со следствием . 
    • DevChristmas
      Вот так можно : 
        div#fixed { box-sizing:border-box; background: #76a7dc; color: #fff; position:fixed; top:0; height:50px; width:100%; left:-18px; padding-left:25px; } Но в другом браузере да , будет косяк с шириной скролла , но эту проблему можно решить через @media , и под определённые браузеры менять свойство left .
    • Launder
      Вот иллюстрация. Тень должна исходить из выделенного блока(визуально, там видно откуда, и видно, что сейчас сделано криво). По-идее, это должен быть span, но в оригинальной задаче, span должен быть сам по себе, а тень должна исходить либо из самого пункта (класс every), либо из какого-либо нейтрального потомка, а какой потомок "нейтрален"? псевдоэлемент, его мы может подогнать под нужные размеры, поставить нужный z-index и сделать для него тень. Беда только в том, что для последнего элемента (крайнего справа), свободного псевдоэлемента не осталось. Что делать? Обязательно для всех меняющихся элементов, которые видны на иллюстрации, в том числе и для тени, нужен транзишн. Поэтому всевозможные изыски с градиентами проблематичны, поскольку напрямую градиент не транзитируется  только через opacity. Но прозрачность меняется для всего элемента(псевдоэлемента) сразу, а значит скрывать полоски и показывать одновременно тень элемент не сможет. Были мысли также про какие-то изыски с границей, но опять-таки, двухцветную границу можно сделать только через border-image, а как плавно менять его прозрачность? (понятно, что если нам форма не важна, мы можем тупо сделать левую и правую границу и через opacity менять прозрачность элемента. Но нам же нужно чтоб этот элемент ещё показывал тень, поэтому нам важна как форма, так и прозрачность элемента и менять в угоду полосочкам ни то, ни другое, мы не можем. полосочки как-нибудь сами должны). В общем, нужно как-то поменять форму тени не трогая span, чтоб, при этом, её форма совпала со span и, для последнего элемента, оставить две пары, по две полосы, которые,  независимо друг от друга, должны плавно уходить в прозрачность и выплывать из неё обратно. Благодраю за внимание, буду рад Вашим свежим идеям!  ЗЫ: можно, ещё сделать две тени, но поскольку тень также нельзя увеличить только в одну какую-то сторону, то процесс подгонки тени (которая в разных браузерах, и рисуется всё-таки немного по разному), большая, отдельная, нудная тема, которую не хотелось бы открывать, лучше чтоб тень исходила из элемента совпадающего по форме с тем, из которого она исходит визуально. ЗЫЗЫ: чисто теоретически, для градиента можно сделать плавный переход, вот что сказано в спецификации: Но на практике у меня это не заработало. Может у кого-то заработает?