圓角CSS控制

我已經實現了使用CSS圓角控制，這是正確顯示在Firefox，但不是在IE 10任何人都可以指出我需要它both.I工作看到了一些答案指向添加的變化pie.htc到css文件夾，我試過，以及圓角CSS控制

.DropDownList 
{ 
    background-color: #c0c0c0; 
    border: 1px solid #000000; 
    -moz-border-radius: 30px; 
    -webkit-border-radius: 30px; 
    border-radius: 10px; 
}

嘗試添加溢出：隱藏，這使得它不會出現在Firefox中也是如此。

來源

2013-04-11 Lav

在this answer以一看，你可能需要檢查你的X-UA兼容的代碼，並確保你是不是引用IE的早期版本：

<meta http-equiv="X-UA-Compatible" content="IE=9" />

（邊界半徑支持啓動與IE9）。

來源

2013-04-11 20:57:35

或[可能'content =「IE = Edge」'代替]（http://hsivonen.iki.fi/doctype/#ie8） – 2013-04-11 21:04:17

如果我指定ie = 9，網站顯示不同，如果我指定ie =邊緣沒有任何反應，則背景中有一個圓角，但下拉列表在上面是正方形。 – Lav 2013-04-11 21:11:03

也有看看這個頁面： http://geekswithblogs.net/ihaynes/archive/2012/09/16/ie10---be-prepared.aspx

我聲稱，IE10可以在本地開發ASP.Net進入「兼容模式」，並提供了一個解決方法。

如果您在本地預覽所有使用HTML5和CSS3功能IE10 （佔位符文本，圓角等），使用EW 開發服務器或IIS網站，你會發現，這些特徵不顯示。

這是因爲在IE10 Intranet站點的默認瀏覽器模式是「兼容模式」。您可以在'工具 - 兼容性視圖設置'中進行更改。取消選中'顯示兼容性視圖中的Intranet站點'選項。現在

，你會發現，也有設置「顯示所有網站在兼容性視圖」。如果用戶有意或無意檢查了這個，你的網站會發生什麼？您的網站將不會正確顯示。

通過強制IE10避免這個問題到它的最高或「邊緣」模式。您可以通過將以下元標記添加到您的頁面或 DWT/ASP.Net母版頁中執行此操作。
<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 
這是值得添加到EW V4現有的IE元標記片段。

編輯：添加相關報價。（更正了'兼容性'的拼寫）。

來源

2013-04-11 21:01:36 Whistletoe

具體而言：「IE10中Intranet站點的默認瀏覽器模式是'兼容模式'。您可以在'工具 - 兼容性視圖設置'中進行更改。取消選中選項「在兼容性視圖中顯示Intranet站點」「（只是爲了防止腐爛鏈接和糾正。‘兼容性’拼寫錯誤。） – 2013-04-11 21:05:52

我很抱歉，但我不能編輯您的評論:) HTTP：/ /www.merriam-webster.com/dictionary/compatible – Whistletoe 2013-04-11 21:07:24

哦，我知道：在鏈接的文章中，他們拼寫錯誤。我在我的評論中糾正了這一點。 – 2013-04-11 21:14:11

圓角CSS控制

回答

相關問題