Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › How to overflow the item’s shadow?

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 28 total)
1 2
  • Author
    Posts
  • January 21, 2013 at 6:03 pm #42156
    AlirezaM
    Participant

    Hello to everyone reading this!

    I have used 960gs to design a web page.

    Inside of it I have implemented flex slider with no-margion (margin:0px) but I have 2 right and left shadows for slider which can’t be shown because the container is 960px and my slider is too.

    Is ther any way to overflow those shadows from parent div (container)?

    Thanks in advance

    Alireza.M

    January 21, 2013 at 6:23 pm #121787
    TheDoc
    Member

    It should be visible by default. If it’s not visible then one of its containers has `overflow:hidden;` set on it.

    January 21, 2013 at 6:30 pm #121789
    AlirezaM
    Participant

    I didn’t know it can be shown as overflowed.

    Actually I have used flex-slider which is using overflow:hidden to hide other slides.

    Now How can I achieve those shadows for this slider?

    January 22, 2013 at 5:07 am #121834
    Paulie_D
    Member

    The answer, simply. is that you can’t (AFAIK) while you have overflow:hidden set.

    January 22, 2013 at 6:06 am #121842
    Kitty Giraudel
    Participant

    Seconded. You can’t show external shadows if your element has overflow: hidden set.

    January 22, 2013 at 6:28 am #121845
    DavidYarham
    Member

    You can actually.

    See my codepen: http://codepen.io/davidyarham/pen/sHiGm

    January 22, 2013 at 6:30 am #121847
    Paulie_D
    Member

    >put a little padding on your container

    Isn’t that likely to break his layout given the requirements in the OP?

    January 22, 2013 at 6:36 am #121848
    DavidYarham
    Member

    I forgot to say: you cant have position:relative on your parent though…

    January 22, 2013 at 6:43 am #121852
    Paulie_D
    Member

    > I know putting padding on any of my layouts breaks nothing

    Nor mine because I use the box-sizing: box-model property wherever possible.

    …but the OP is using 960gs and I think it might?

    January 22, 2013 at 7:45 am #121866
    Kitty Giraudel
    Participant

    @DavidYarham: the element with the shadow doesn’t have overflow: hidden set. His parent has. :)

    January 22, 2013 at 9:50 am #121893
    DavidYarham
    Member

    @HugoGiraudel Yes I know, did you look at my codepen?

    January 22, 2013 at 10:53 am #121904
    Kitty Giraudel
    Participant

    @DavidYarham: of course I did. My point was, if you set overflow: hidden on an element, don’t expect external shadows to be visible. I think we can agree on that point. :)

    January 22, 2013 at 10:58 am #121906
    DavidYarham
    Member

    @HugoGiraudel the majority of the time yes :) but with the absolute position you can get round it.

    January 22, 2013 at 11:12 am #121907
    Paulie_D
    Member

    >with the absolute position you can get round it.

    Yeah…but that’s cheating. :)

    January 22, 2013 at 11:14 am #121908
    DavidYarham
    Member

    @Paulie_D :)

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 28 total)
1 2
  • The forum ‘CSS’ is closed to new topics and replies.