StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHide Section of a Box Shadow
text
Body
copied!<p>Disclaimer: I have already seen the following questions and their solutions did not apply to me even though they are very similar situations:</p> <ul> <li><a href="https://stackoverflow.com/questions/1429605/css3-box-shadow-all-sides-but-one">Creating a CSS3 box-shadow on all sides but one</a></li> <li><a href="https://stackoverflow.com/questions/1483261/how-to-add-drop-shadow-to-the-current-element-in-a-tab-menu">How to add drop shadow to the current element in a tab menu?</a></li> <li><a href="https://stackoverflow.com/questions/253868/css-shadows-on-3-sides#253915">CSS shadows on 3 sides</a></li> </ul> <p>Simply put, I am trying to add a <code>-moz-box-shadow</code> of <code>0 0 10px</code> to the <code>.current_page_item</code> class that is applied to the currently active tab in the tab navigation at the top of <a href="http://www.blaenkdenum.com" rel="nofollow noreferrer">my website</a>. The website does not yet include the actual box-shadow or any of these changes, I have only been playing with these modifications in firebug for now before I actually publish them. Naturally this causes the shadow to appear on all sides, and so the bottom edge's shadow overlaps into the <code>.content</code> div which stores all of the blog's actual content, i.e. posts.</p> <p>Based on what I have seen so far, it seems like I should set the <code>z-index</code> of something, not sure what (<em>I have tried <code>ul.menu</code></em>) to something lower and the <code>z-index</code> of the <code>.content</code> div to something higher, but this seems to have no effect.</p> <p>I am just wondering if this is normal behavior and if not, if someone could help me out with this situation.</p> <p>Thanks, I really appreciate it.</p> <p><strong>EDIT</strong>: I put <code>box-shadow</code> in the post earlier, but I meant the respective specific directives, such as <code>-moz-box-shadow</code>. That was not the problem I was having.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload