HTML / CSS字段集圖例已隱藏
[英]HTML/CSS Fieldset Legend hidden
問題描述
我的HTML頁面上有兩個Fieldset，但是不幸的是，Legends已隱藏。 我們有一個X-UA兼容標簽，無法刪除...
請幫忙！
屏幕截圖顯示了隱藏的圖例==>
所需結果截圖==>
這是代碼
<!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>
1 個解決方案
解決方案1
-1 2017-11-29 10:54:47
在您的CSS中，在此代碼下面添加希望它會完美工作。
.GBX_WITH_TITLE { overflow:visible }
<fieldset>不使用效果一樣<fieldset>標簽和純 HTML（無 CSS）</fieldset></fieldset>
[英]<fieldset> like effect without using <fieldset> tag and with pure HTML (no CSS)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.