CSS Box-Shadow 裁剪/方形

Question

您好，我的页面顶部有一个 div

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

box-shadow 被切割在 wrapper 上，我试着给它一个 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 裁剪其内容。)