是否有任何方法来创建一个css框阴影,其中不管模糊值,阴影只出现在所需的一面?
例如,如果我想创建一个div在左侧和右侧的阴影和顶部或底部没有阴影。 div不是绝对定位的,其高度由内容决定。
– 编辑 –
@ricebowl:我感谢你的答案。也许你可以帮助创建一个完整的解决方案,以解决我的回答您的解决方案中指出的问题…我的页面设置如下:
<div id="container"> <div id="header"></div> <div id="content"></div> <div id="clearfooter"></div> </div> <div id="footer"></div>
和CSS这样:
#container {width:960px; min-height:100%; margin:0px auto -32px auto; position:relative; padding:0px; background-color:#e6e6e6; -moz-Box-shadow: -3px 0px 5px rgba(0,.8),3px 0px 5px rgba(0,.8);} #header {height:106px; position:relative;} #content {position:relative;} #clearFooter {height:32px; clear:both; display:block; padding:0px; margin:0px;} #footer {height:32px; padding:0px; position:relative; width:960px; margin:0px auto 0px auto;}