隐藏HTML / CSS Fieldset图例

时间：2017-11-29 09:56:00

标签： html css

我的HTML页面上有两个Fieldsets，不幸的是，Legends被隐藏了。我们有一个无法删除的X-UA兼容标签......

请帮忙！

屏幕截图显示隐藏的图例==＆gt;

enter image description here

所需结果屏幕截图==＆gt;

enter image description here 这是代码

＆＃13;
＆＃13; 
<!DOCTYPE html>
<html dir="rtl">
<head>
<META content=IE=EmulateIE7 http-equiv=X-UA-Compatible>
<title></title>
<style>
.GBX_WITH_TITLE {
	border-top: 3px solid #777777;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#efefef');
}

.GBX_WITH_TITLE .DFGUIGBX {
	/*margin: 0px 3px 0px 3px !important;*/
	position: absolute !important;
	top: -13px !important;
	/*border-top: 1px solid #777777 !important;*/
	padding: 0 5px 5px 5px;
	color: #ffffff;
	background: #777777;
	display: inline;
}
</style>
</head>

<BODY>

<FIELDSET id=searchoption1 class=GBX_WITH_TITLE style="HEIGHT: 116px; WIDTH: 979px; POSITION: absolute; LEFT: 8px; TOP: 74px;">
<LEGEND id=searchoption1Legend class="DFGUIGBX" align=right VALIGN="TOP">Search Options 1
</LEGEND>
</FIELDSET>

<FIELDSET id=searchoption2 class=GBX_WITH_TITLE style="HEIGHT: 116px; WIDTH: 979px; POSITION: absolute; LEFT: 8px; TOP: 190px;">
<div><LEGEND id=searchoption2Legend class="DFGUIGBX" align=right VALIGN="TOP">Search Options 2
</LEGEND></div>
</FIELDSET>

</BODY>
</html>
＆＃13;
＆＃13;
＆＃13;

1 个答案:

答案 0 :(得分：-1)

在你的CSS中添加以下代码希望它能完美运作。

.GBX_WITH_TITLE { overflow:visible }
相关问题
最新问题