在IE中,fieldset的背景颜色超出了边框.我有一个表格,背景颜色设置为蓝色,字段集的背景颜色设置为白色.我怎样才能在IE中解决这个问题?
我的CSS:
fieldset {margin:10px;} fieldset legend {font-size: 14px; font-style:normal;}
我正在动态创建fieldset.
newFieldset = document.createElement('fieldset'); newLegend = document.createElement('legend'); newLegend.innerHTML = 'Claimant information'; newFieldset.appendChild(newLegend); OverdueReportsSummaryDetailsTableDiv.appendChild(newFieldset);
请看附件(点击放大)
谢谢
解决方法
这是一个众所周知的IE错误,无论您是使用JavaScript生成元素还是自己编写HTML,都会发生这种错误.
legend是fieldset的子项,但由于它位于字段集顶部边缘的“上方”,IE(错误地)扩展了字段集的背景颜色以包含图例.
一个简单的解决方法是绝对定位图例,使其脱离正常的元素流,并手动调整其位置,使其大致位于正常位置.同时相对定位场地集,使图例保持在其附近.
像这样的东西(根据需要调整值):
fieldset { position: relative; margin: 10px; } fieldset legend { position: absolute; top: -0.5em; left: 0.5em; font-size: 14px; font-style: normal; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。