IE中没有CSS边框

Question

我有一个页面，显示div #call和#courses

周围的边框

我正在使用css：

border: 3px solid #afd4a9;

这是不正确的，即

看到它here

感谢

Answer 1

您的CSS没有任何问题。

当我在Internet Explorer中禁用JavaScript时，border就在那里（但没有舍入）。

仔细观察，我发现你正在使用jquery.corner.js来转弯。

我不确定为什么这对你不起作用（我看不出你做错了什么），但我推荐switching to CSS3PIE代替圆角。

简而言之，您只需将PIE.htc文件和add a single rule下载到每个元素的CSS中：

#myElement {
    ...
    behavior: url(PIE.htc);
}

Answer 2

corners.js删除ie中的边框 - 请参阅相关div的内联样式。要在IE中有边框，你需要有一个外部div包裹内部div并使用两个div上的角来获得类似边框的效果。查看关于下半部分的演示页面：Jquery corners demo page

角落在ff和IE中的工作方式完全不同 - 它只是使用内置的mozilla css样式来保持边框样式。在IE中，角落会插入div。

Answer 3

问题是你有一些javascript为你的DIV添加了一个样式属性：

style="border-bottom: medium none; position: relative; border-left: medium none; zoom: 1; border-top: medium none; border-right: medium none;"

您必须有选择地删除IE的代码，或修复它的工作原理。

注意，您应该安装适用于IE的开发人员工具（或者如果您有IE 8，只需按F12查看它们是否出现）。该工具将让您在运行javascript后看到HTML代码，这对解决这些类型的问题非常有用。

Answer 4

此功能显示您的CSS被内联样式覆盖。 index.js文件中的$('#courses').corner();，它正如它应该的那样四舍五入。