为什么border-radius在使用Internet Explorer的特定网站中不起作用?

时间:2015-01-06 13:44:39

标签: html css css3 internet-explorer

我们为Google Chrome,Firefox,Safari和Internet Explorer开发了浏览器扩展程序。我们的扩展程序会将HTML元素插入网站,例如mail.google.com和email14.secureserver.net。

我们的HTML元素的border-radius CSS属性为5px。在所有网站中都可以,例如mail.google.com以及所有浏览器,但在使用Internet Explorer的https://email14.secureserver.net/webmail.php?login=1中没有border-radius,我看到这些属性为红色:

在mail.google.com中:

enter image description here

在email14.secureserver.net中:

enter image description here

问题是什么,这个网站禁用了border-radius

有没有办法定义border-radius哪个也适用于这个网站?我看到Internet Explorer 9及更高版本支持border-radius

如何检测email14.secureserver.net是否使用旧版Internet Explorer?是否可以在不禁用此模式的情况下定义border-radius

我正在使用Internet Explorer 11,但此扩展程序应适用于所有版本的Internet Explorer。

2 个答案:

答案 0 :(得分:1)

网站可以要求IE使用较旧的引擎进行渲染,检查检查员,应该说它是否使用了旧版本,古怪的兼容模式,以及类似的东西。

答案 1 :(得分:-2)

根据您的第二个屏幕截图,您在调用“borderRadius: 5px”之前有“border-top-left-radius:5px;

borderRadius语法不正确,可能会取消之后的代码。 从ie9 +支持border-radius,所以你不应该有问题。