Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 字段集中的边界半径不为';行不通_Html_Css - Fatal编程技术网

Html 字段集中的边界半径不为';行不通

Html 字段集中的边界半径不为';行不通,html,css,Html,Css,我不知道为什么这不起作用。以下是CSS代码: #status { width: 865px; margin: 0 0 0 240px; float: left; } #status fieldset { width: 100%; border:1px solid #990000 ; padding: 10px; border-radius: 5px; } #status fieldset legend { padding: 5px 15px; backgrou

我不知道为什么这不起作用。以下是CSS代码:

#status 
{
 width: 865px;
 margin: 0 0 0 240px;
 float: left;
}

 #status fieldset 
 {
 width: 100%;
 border:1px solid #990000 ;
 padding: 10px;
 border-radius: 5px;
}

 #status fieldset legend 
 {
 padding: 5px 15px;
 background-color:#303030;
 color:#fff;
 }
HTML:

<div id="status"><fieldset><legend>Bla bla</legend><table class=""></table></div>
Bla-Bla

但我在表中使用了边界半径。令人惊讶的是,它是有效的!所以我认为这不重要。顺便说一下,我用的是IE9。谢谢。

请用以下内容更新您的代码

#status fieldset {width:100%;display:block;background:#ff0000;position:relative;zoom:1;border:1px solid#990000;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;position:relative;min-height:100px;}#status fieldset legend {padding:5px 15px;background-color:#303030;color:#fff;position:absolute;top:-16px;} #状态字段集 {宽度:100%;显示:块;背景:#ff0000;位置:相对;缩放:1;边框:1px实心#990000;填充:10px;-webkit边框半径:5px;-moz边框半径:5px;-ms边框半径:5px;边框半径:5px;位置:相对;最小高度:100px;}状态字段集图例
{填充:5px 15px;背景色:#303030;颜色:#fff;位置:绝对;顶部:-16px;}您没有关闭字段集标记。你应该这样做

Bla-Bla


如果您需要检查CSS属性的兼容性,Mozilla开发者网络有一个全面的列表-。

您是否尝试在其他浏览器中显示您的页面?如果错误特定于IE9,请查看此问题的答案:。尝试此解决方案