IE中没有CSS边框

Question

我有一个页面显示div #call和#courses周围的边框

即时通讯使用CSS：

border: 3px solid #afd4a9;

这是不正确的

看到这里

谢谢

Answer 1

你的CSS没什么问题。

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

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

我不确定为什么那不适合你（我看不出你做错了什么），但我建议改用CSS3PIE而不是圆角。

简而言之，您只需下载PIE.htc文件，并为每个元素向CSS 添加一条规则 ：

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

Answer 2

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

角落在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被内联样式覆盖了。 $('#courses').corner(); 在你的index.js文件中，它正如它应该的那样四舍五入。