IE9 fieldset圆角

Question

我似乎无法让IE9呈现带圆角的字段集,而其他浏览器则可以.有没有人遇到过这个？

Answer 1

仅当您使用情况<fieldset>与<legend>没有它的边角呈现正常- .

您可以通过应用修复这个bug display:inline或display:inline-block你的<legend>元素-但比你必须通过设置重新定位它放回原处position:relative,并四处移动它.

根据图例样式的外观(背景看起来相同 - 没有背景,字段集的边框仍然可以在字母后面看到),你可以使它看起来与其他普通浏览器看起来非常相似.

检查这个SO答案,找到一个替代解决方案浮动`<legend>`http://stackoverflow.com/a/17406564/132599 (3认同)
我发现虽然这确实解决了IE中的问题,但它在chrome中打破了它.定位我必须应用于图例将其移动到正确的位置移动到远远的铬,在FF和IE虽然很好.作为一个解决方法我坚持在IE浏览器中修复它的风格只在IE浏览器[IE only stylesheet](http://css-tricks.com/how-to-create-an-ie-only-stylesheet/).为了记录,我使用的样式是:`display:inline-block; 相对位置; 身高:30px; 顶部:-15px;` (2认同)

Answer 2

字段集渲染总是充满渲染问题，尤其是打印问题。它不起作用也就不足为奇了。

标准的解决方法是添加另一个容器并为其设置样式。