CSS Box-Shadow剪裁/平方

Question

嗨，我的页面顶部有一个div

http://www.uk-sf.com/MyTraining.php

盒子阴影在包装上被剪切，我尝试给它一个z-index但没有任何想法的快乐？

.titlebox{ 
width:977px;
background-color:rgba(48, 48, 48, 1);
padding:10px 5px;
margin: 5px 5px;
font-size: 24px;
border:3px double rgb(138, 138, 138);
-webkit-box-shadow: 0px 0px 51px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 51px 7px rgba(0,0,0,0.75);
box-shadow: 0px 0px 51px 7px rgba(0,0,0,0.75);
}

帮助表示赞赏

Answer 1

您的#contentContainer有overflow:auto;：这是故意的吗？

如果没有，请将其添加到CSS：

#contentContainer {
   overflow: visible;
}

或者只是从CSS中删除overflow:auto声明。

（overflow: auto要求您的contentContainer剪辑其内容。）