Html 内部div内容上的插入框阴影

我正在尝试用div

content

实现inset

框阴影，如果
内容不使用背景，一切都可以，但是如果我在
内容中添加
背景色，框阴影上方的
内容就可以了，如何修复呢

预期结果：插入框阴影仍然覆盖在具有背景的Div内容上

这是我的密码：


#容器{
-webkit盒阴影：嵌入0px 0px 21px 5px rgba（0,0,0,0.55）；
-moz盒阴影：嵌入0px 0px 21px 5px rgba（0,0,0,0.55）；
方框阴影：插入0px 0px 21px 5px rgba（0,0,0,0.55）；
边界半径：5px；
溢出y：滚动；
高度：200px；
宽度：300px；
}
#内容{
背景：#fff；
宽度：260px；
左边距：10px；
}

Lorem ipsum door sit amet，libero turpis non cras ligula，id commodo，aenean est in volatit amet sodales，porttitor bibendum facilisi suspendisse，aliquam ipsum from morbi sed ipsum mollis。在维韦拉的生活中，你会发现你的生活是如此的美好。康莫多埃尼姆
这是一个非常好的例子，它是一个非常好的例子。连续的门廊坐在门廊上，自由的酒后驾车。前庭前庭
在莱克图斯。多奈克·维瓦摩斯。前庭的门和权杖。调味品aliquam，mollit magna velit nec，暂时的生命之路。时间性圆锥虫、暂时性足跖、扫描电镜、分子直径
脱口令。多洛尔·利奥（Dolor leo）、胡说八道（ridiculus est ut cubilia nec）、阿尔库·普拉森（Fentum arcu praesent）、佩德·埃蒂安（Ped etiam）。颞前庭突舌根。这是毛里斯·阿梅特·奥迪奥的人生。迪亚姆·尼布·迪亚姆，奎姆·艾利特，自由女神。佩伦茨克交通工具。埃吉特
此外，还应注意以下几点：莫比大教堂（Nonumy commodo accumsan morbi）的修建、蜗壳水平的修建、阿迪皮斯米拉特（Adipising Mirat）的莫比居住区sem的修建、马莱苏阿达（malesuada pretium tortor rutrum eu eros vel）的修建。Donec molestie，faucibus a amet commodo scelerisque libero massa。智人
在欧盟的码头上。Iaculis和dui ullamcorper，非Egesta调味品dui phasellus。坐在非马蒂斯a，狮子座在帝国的nec pulvinar。奥纳雷·马萨·胡斯托·库苏斯，康瓦利斯·莫里斯·因特杜姆·菲利斯。Felis posuere metus，ornare pede montes，morbi
我们的时间不长，我们的工作是自然的。真实的生命之光，在别名中，它是一种美味的调味品。拉氏菱鲆。因佩拉·弗里利亚、普卢斯·埃尼姆·阿梅特、纳赛特·福西布斯、，
拜班杜姆，在年的felis nec。Mauris ultricies，et pede id potenti in nec，mi elit rhoncus ligula，mollis lacus congue scelerisque magna。卓越的心灵之光，温和的心灵之光，同侧的心灵之光，前庭的心灵之光
阿库塞德。阿梅特是一位慈姑，马萨·维塔·朗库斯是一位大库拉比图尔人。
尝试使用
z-index:-1
和
位置：相对于内部div
#content


#容器{
-webkit盒阴影：嵌入0px 0px 21px 5px rgba（0,0,0,0.55）；
-moz盒阴影：嵌入0px 0px 21px 5px rgba（0,0,0,0.55）；
方框阴影：插入0px 0px 21px 5px rgba（0,0,0,0.55）；
边界半径：5px；
溢出y：滚动；
高度：200px；
宽度：300px；
字体：13px Verdana；
}
#内容{
背景：红色；
颜色：#fff；
宽度：260px；
左边距：10px；
位置：相对位置；
z指数：-1；
}

Lorem ipsum door sit amet，libero turpis non cras ligula，id commodo，aenean est in volatit amet sodales，porttitor bibendum facilisi suspendisse，aliquam ipsum from morbi sed ipsum mollis。在维韦拉的生活中，你会发现你的生活是如此的美好。康莫多埃尼姆
这是一个非常好的例子，它是一个非常好的例子。连续的门廊坐在门廊上，自由的酒后驾车。前庭前庭
在莱克图斯。多奈克·维瓦摩斯。前庭的门和权杖。调味品aliquam，mollit magna velit nec，暂时的生命之路。时间性圆锥虫、暂时性足跖、扫描电镜、分子直径
脱口令。多洛尔·利奥（Dolor leo）、胡说八道（ridiculus est ut cubilia nec）、阿尔库·普拉森（Fentum arcu praesent）、佩德·埃蒂安（Ped etiam）。颞前庭突舌根。这是毛里斯·阿梅特·奥迪奥的人生。迪亚姆·尼布·迪亚姆，奎姆·艾利特，自由女神。佩伦茨克交通工具。埃吉特
此外，还应注意以下几点：莫比大教堂（Nonumy commodo accumsan morbi）的修建、蜗壳水平的修建、阿迪皮斯米拉特（Adipising Mirat）的莫比居住区sem的修建、马莱苏阿达（malesuada pretium tortor rutrum eu eros vel）的修建。Donec molestie，faucibus a amet commodo scelerisque libero massa。智人
在欧盟的码头上。Iaculis和dui ullamcorper，非Egesta调味品dui phasellus。坐在非马蒂斯a，狮子座在帝国的nec pulvinar。奥纳雷·马萨·胡斯托·库苏斯，康瓦利斯·莫里斯·因特杜姆·菲利斯。Felis posuere metus，ornare pede montes，morbi
我们的时间不长，我们的工作是自然的。真实的生命之光，在别名中，它是一种美味的调味品。拉氏菱鲆。因佩拉·弗里利亚、普卢斯·埃尼姆·阿梅特、纳赛特·福西布斯、，
拜班杜姆，在年的felis nec。Mauris ultricies，et pede id potenti in nec，mi elit rhoncus ligula，mollis lacus congue scelerisque magna。卓越的心灵之光，温和的心灵之光，同侧的心灵之光，前庭的心灵之光
阿库塞德。阿梅特是一位慈姑，马萨·维塔·朗库斯是一位大库拉比图尔人。
尝试使用
z-index:-1
和
位置：相对于内部div
#content


#容器{
-webkit盒阴影：嵌入0px 0px 21px 5px rgba（0,0,0,0.55）；
-moz盒阴影：嵌入0px 0px 21px 5px rgba（0,0,0,0.55）；
方框阴影：插入0px 0px 21px 5px rgba（0,0,0,0.55）；