Css，文本阴影 - 如何让它溢出 div

Question

我有一个 div 容器(标题)

div.header {
    width: 1024px;
    height: 115px;
    background-color: black;
}

其中包含一个名为 header_title 的 h1，其中包含一个文本:

#header_title {
    font: 80px 'Oxygen', sans-serif;
    letter-spacing: -8px;
    margin-left: 25px;
    text-shadow: 500px 35px 18px white, 300px -50px 30px lightblue;
}

在标题 div 的正下方，我有我的菜单，就像您在我的图片中看到的那样。

如果我设置一个文本阴影，它会超出 div，(第 4 个字母，一个 'g')我能否让它显示并且不被切断？

我尝试了 overflow: visible 和 z-index 解决方案，但它不起作用 =(

谢谢。

header 标记:

 <div class=header>
      <h1 id=header_title>Programmazione</h1>
 </div> <!-- fine header -->    

 <div class=menu>
     etc......

Answer 1

尝试删除 header 的 height 属性，并给它一个大约 15px 的 padding-bottom 作为阴影。这应该可以解决问题。