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

发现问题。溢出：隐藏在市场 - 产品叠加是问题！拿出来

我的文字背景边框问题（css）

1 个答案: