我的文本背景边框(css)的问题

Question

我正在尝试创建一些文本周围的背景边界。由于某种原因，文本周围的边框在顶部被截断了。它仍然环绕文本，但顶部被切断。

下面是我的文本背景的css代码:

.blue_bg{
background-color: blue;
padding: 5px;
border:1px solid;
border-radius:30px;
max-width:100%;
overflow: hidden;
}

额外:

这是改变文本的css，当我把这段代码拿出来的时候，文本改变了，但是文本边框按预期工作。下面是代码:

.market-product-overlay  {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color:white;
position: absolute;
left: 0%;
top: 50%;
margin-top: -20px;
text-align: center;  
width: 100%;
height: 100%;
opacity: 100;
filter: alpha(opacity=0);
-webkit-transition: opacity 200ms ease-in-out;
-moz-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
overflow: hidden;
opacity: 1;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden;
}

Answer 1

找到问题。溢出:隐藏在市场-产品叠加中是问题所在!去掉