0

我正在开发一个 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 属性也不起作用。我知道这段代码通常可以在网络浏览器中运行，但这是一个应用程序，似乎有问题。不幸的是，关于这个主题的文档很少。我会包括一个小提琴，但我当然不能，因为它会在网络浏览器中运行。欢迎任何帮助！:)

4

3 回答 3

2

据我所知，您的 HTA 本质上是在 Internet Explorer 的渲染引擎上运行的。只有 IE9 和 IE10 支持该border-radius属性。较旧的 IE 不会显示圆角或框阴影。你有没有安装IE8？

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

于 2013-05-13T15:01:59.250 回答
1

要真正使用 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 中似乎也有一个错误。当将半径分配给也具有fieldset元素的元素时，不会渲染半径legend。无legend边界是四舍五入。

于 2013-05-14T04:12:12.670 回答
0

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

-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);
于 2013-05-13T14:55:13.470 回答