Jump to content
  • 0

overflow hidden и невозможность перекрыть границы


Zverushka
 Share

Question

http://jsfiddle.net/p65S9/1/

Вот такая ситуация. Стоит поставить обрезание - как нельзя поместить внутренний слой поверх границ так - чтобы слой перекрывал эти границы. 

Как это обойти?

Edited by Zverushka
Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

Если прописывать overflow:hidden, то элементы внутри блока не получится вытянуть поверх блока, потому что при o:h отображается только внутренняя область элемента,а все что выходит за его пределы скрывается


Раскрывание части контента, скрытого overflow через анимацию на jquery.

 

а зачем скрывать контент через overflow?

Link to comment
Share on other sites

  • 0

Там такой элемент дизайна, что один блок заходит на границы, но при этом не выходит за пределы блока - типа границы резко обравываются (при этом сверху блок другого цвета).

Когда jquery анимирует, он ставит Overflow:hidden - и получаются скачки анимации - то граница сплошная и вдруг резко становится как нужно. В принципе он правильно делает, что ставит оверфлоу. Я бы тоже его у себя в коде оставила - но тогда я вообще не могу реализовать эту врезку. И даже position relative, z-index: 1 не помогает - так как видимо идет некое обрезание внутри границ.

Link to comment
Share on other sites

  • 0

Может глупый совет, но если содержимое блока catalog-item обернуть в еще один див, и прописать ему стили от catalog-item, то должно будет работать нормально, анимироваться будет только catalog-item а внутри все будет выглядеть как надо

Link to comment
Share on other sites

  • 0

 http://zverushka.zz.mu/oil/

раскрывать табличку с маслами. Если успеете - то заметите как граница идет сплошной, а потом изчезает. Ну и там же видна врезка.

 

а что если на .catalog-item.active повесить не border:, а вместо этого растянуть абсолютный :before с бордером? Задать ему z-index: 1;

Ну а потом для .incut relative + z-index: 2

Link to comment
Share on other sites

  • 0
А какой смысл врезки? Вы же хотите чтобы над врезкой тоже был виден бордер? Фон белый, врезка белая. Зачем там вообще отрицательные марджины?

Врезка как в дизайне. Там не должно быть бордера. Отрицательные маргины как раз для этого - чтобы врезка была без краев. 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • 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