0

在下图中，我有一个圆角的表格，但如果你仔细观察，底角上有一些难看的重叠（某种白色的角）

在此处输入图像描述

我尝试在背景上使用更大的边框半径并移除背景，但看起来它不是背景而是元素本身，因为那没有做任何事情。

这是表单底部的 css 代码（按钮周围的灰色区域）

.formss #button_div{
    clear:both;
    height: 60px;
    width: 100%;
    border-top:1px solid #ddd;
    margin-top:5px;
    padding-top: 10px;
    text-align:center;
    background:rgba(51,51,51,0.8);
    -moz-border-radius-bottomleft: 19px;
    -moz-border-radius-bottomright: 19px;
    -webkit-border-bottom-left-radius: 19px;
    -webkit-border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
}

我以前遇到过这个问题，我想我一直在做错事，但我不知道是什么。

编辑：jsFiddle --> http://jsfiddle.net/Z6pwR/4/

我不知道为什么文本输入超出了小提琴的形式

4

2 回答 2

0

您需要为“.widearea”边框设置一个值。标准浏览器输入边框导致了这个问题。

jsfiddle.net/Z6pwR/5/

于 2013-05-29T15:32:15.847 回答
0

我无法解释为什么您的解决方案无法正常工作，但是如果您从 #agregar_instituto_div 中删除 overflow: hidden 属性并将其添加到孩子/表单中，问题就消失了。

于 2013-05-29T13:27:41.480 回答