CSS box-shadow出现在顶级子元素上 [英] CSS box-shadow to appear on top child elements

问题描述

我有一个带有inset box-shadow的ul：

I have an ul with an inset box-shadow:

-webkit-box-shadow: inset 0px 0px 5px #000;
   -moz-box-shadow: inset 0px 0px 5px #000;
        box-shadow: inset 0px 0px 5px #000;

我想让所有的子元素出现在这个阴影下面。

I would like all the child elements to appear underneath this shadow.

请参阅： http://jsfiddle.net/jimsteinhart/XX36p/

有人知道这是否可能？

推荐答案

元素与 ul 之间的阴影：

ul:before{
    content:''; width:100%; height:100%;
    position:absolute; top:0; left:0;

    -webkit-box-shadow: inset 0px 0px 5px #000;
   -moz-box-shadow: inset 0px 0px 5px #000;
    box-shadow: inset 0px 0px 5px #000;}

隐藏

这篇关于CSS box-shadow出现在顶级子元素上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！