在IE

2011-03-22 96 views
0

无CSS边框我有显示周围的div #CALL边框和使用CSS #courses在IE

IM页:

border: 3px solid #afd4a9; 

这是不正常的,即

看到它here

感谢

+1

您使用边界的元素是什么? – Kyle 2011-03-22 13:06:11

+1

代码在哪里? – 2011-03-22 13:07:00

回答

2

没有什么不对您的CSS。

当我在Internet Explorer中禁用JavaScript时,border(但不是四舍五入)。

仔细看,我看到你正在使用jquery.corner.js四舍五入。

我不知道为什么这不适合你(我看不出你做错了什么),但我建议switching to CSS3PIE而不是圆角。

总之,你只需add a single rule下载PIE.htc文件,你的CSS为每个元素:

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

CSS3PIE岩石。它只是一个耻辱,它不会接受长期的角落属性(边界左上半径等):-( – Bojangles 2011-03-22 13:21:00

0

corners.js消除边界在IE浏览器 - 看到内嵌样式的relavent的div。要在IE中拥有边框,您需要有一个外部div来包装内部div,并在两个div上使用边角来获得边界效果。查看演示页面大约半路下来,在下面:Jquery corners demo page

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

0

的问题是,你有一些JavaScript添加style属性到你的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代码,并且在解决这些类型的问题时具有无法估量的价值。

0

您的CSS正在被内联样式覆盖,它显示为通过此功能。你的index.js文件中的$('#courses').corner();,这个文件应该像它应该的那样四舍五入。