<div>
Well, <br />
that was ridiculously easy! <br />
I was looking to have the shadow from the header drop over the top, but I see that is a z-index issue that would take some wrangling and it's not worth it.<br />
Thanks for the schoolin!
</div>


Well,
that was ridiculously easy!
I was looking to have the shadow from the header drop over the top, but I see that is a z-index issue that would take some wrangling and it's not worth it.
Thanks for the schoolin!

<div>
You could but you wouldn't notice it with the dark background of the dropdown menu.
</div>


You could but you wouldn't notice it with the dark background of the dropdown menu.

<div>
I'm going to add a shadow to the background image. Yeah, that's the way to do it..<br />
Trust me, I'd notice. That is the bane of my freelancing existence, concentrating on the details that no one else would notice.
</div>


I'm going to add a shadow to the background image. Yeah, that's the way to do it..
Trust me, I'd notice. That is the bane of my freelancing existence, concentrating on the details that no one else would notice.

<div>
<div class="content wysiwyg-content">
Hi I've got a box-shadow on an element and I'd like to have the top of the shadow removed.<br />
I managed to do it on the contact tab at the top right. But having trouble removing it from the primary navigation dropdown menu. I think it's because the dropdown ul is absolute positioned and needs a high z-index so I'm not able to hide the top shadow under anything.<br />
<br />
I want it to appear as if the dropdown is dropping down below the header.<br />
<br />
<a href="http://sandbox.intrepidrealist.com/selva-armonia" rel="ugc">http://sandbox.intrepidrealist.com/selva-armonia</a><br />
<br />
Does anyone have a workaround?<br />
<br />
Thanks!
</div>
</div>


Hi I've got a box-shadow on an element and I'd like to have the top of the shadow removed.
I managed to do it on the contact tab at the top right. But having trouble removing it from the primary navigation dropdown menu. I think it's because the dropdown ul is absolute positioned and needs a high z-index so I'm not able to hide the top shadow under anything.

I want it to appear as if the dropdown is dropping down below the header.

http://sandbox.intrepidrealist.com/selva-armonia

Does anyone have a workaround?

Thanks!

Any way to remove box shadow from just the top?

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.