Question

我正在开发一个HTML应用程序，我正在尝试设置一个信息面板。这是我到目前为止的CSS代码：

#info_panel {
    width:900px;
    height:100px;
    margin:auto;
    background-color:brown;
    border-bottom-left-radius:25px;  
    border-bottom-right-radius:25px; 
    border-top-left-radius:25px;  
    border-top-right-radius:25px;
}

前四行我没有问题。问题出现在边界半径属性上。我注意到shadow属性也不起作用。我知道这段代码通常可以在网络浏览器中使用，但这是一个应用程序，似乎有问题。不幸的是，关于这个主题的文档很少。我会包括一个小提琴，但当然我不能，因为它将在网络浏览器中运行。欢迎任何帮助！ :)

Answer 1

从我收集的内容来看，您的HTA基本上是在Internet Explorer的渲染引擎上运行的。只有IE9和IE10支持border-radius属性。较旧的IE不会显示圆角或框阴影。你安装了IE8吗？

如果您需要旧版IE渲染的这些样式功能，那么请查看CSS3 PIE：http://css3pie.com/

Answer 2

要真正使用IE9运行HTA，您需要设置文档类型和x-ua compatible meta标记：

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="x-ua-compatible" content="IE=9"/>
....

请注意订单，style之前不应有任何script，link或meta标记。

IE9中似乎也有一个错误。将Radius分配给具有fieldset元素的legend元素时，不会渲染半径。没有legend边框的是四舍五入的。

Answer 3

我很好奇为什么你使用长手版来指定边界半径。你试过通用速记吗？

-moz-border-radius:25px; 
-webkit-border-radius:25px; 
border-radius:25px;

这是方框码：

-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);

CSS无法在HTML应用程序中运行

3 个答案: