Chrome / Firefox和Internet Explorer中的元素呈現方式不同

Question

這對我來說真的是一個頭上的撓頭。

下一頁中的某些元素在Chrome / Firefox和IE中呈現的方式有所不同，特別是邊框半徑和按鈕。

它可以在Chrome / Firefox中正確顯示，但不能在IE中顯示。

有任何想法嗎？

http://www.ansac.com/contact-us/soda-ash-request/

（選擇列表和電子郵件表單頁腳是在IE中無法正確呈現的內容）

IE瀏覽器： 在此處輸入圖片說明

Chrome / Firefox： 在此處輸入圖片說明

Answer 1

下拉選擇之類的元素呈現不同的瀏覽器。 IE上邊框半徑或按鈕位置錯了什么？

Answer 2

您不能使用border-radius並期望它將在ie8中很好地呈現。 您可以隨時在“我可以使用”中檢查瀏覽器對某些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無法識別發送的文檔類型由來自weblogic服務器的servlet並以文檔模式IE7呈現-啟動前是否有多余字符？）。