Question

这对我来说真是个蠢货。

下一页上的某些元素在Chrome / Firefox和IE中的呈现方式不同，特别是边框半径和按钮。

它可以在Chrome / Firefox中正确呈现，但不能在IE中呈现。

有什么想法吗？

（选择列表和电子邮件表单页脚是IE中无法正确呈现的内容）

IE： enter image description here

铬/火狐： enter image description here

Answer 1

下拉选择等元素的呈现方式与浏览器不同。边界半径或按钮在IE上显示错误是什么？

Answer 2

你不能使用border-radius并期望它会在ie8中很好地呈现。您始终可以在Can I Use

查看某些css功能的浏览器支持

Answer 3

您的HTML中包含以下指令：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这可能会将IE切换为怪异模式。尝试将其替换为<!doctype html>，这应该将IE切换到标准模式，所有圆角应该正确显示，假设它是IE11，如前面的评论所述。

此外，您可以通过在<meta http-equiv="x-ua-compatible" content="IE=edge"/>中添加<head>作为第一个标记来强制执行IE呈现模式。（请参阅Internet explorer 9 will not recognize doctype sent by servlet from weblogic server and renders in document mode IE7 - extra characters before start?）。