2011-03-21 180 views
34

我有以下的工作在Firefox,Chrome和Safari。但不是在IE9中。它將圓角應用到td的左上角和右側。我錯過了什麼?ie9邊界半徑

border-left: solid 1px #444f82; 
border-right:solid 1px #444f82; 
border-top:solid 1px #444f82; 
border-top-right-radius: 7px; 
border-top-left-radius: 7px; 
-moz-border-radius-topright: 7px; 
-webkit-border-top-right-radius: 7px; 
-khtml-border-radius-topright: 7px; 
-moz-border-radius-topleft: 7px; 
-webkit-border-top-left-radius: 7px; 
-khtml-border-radius-topleft: 7px; 
behavior: url(/survey_templates/PIE.htc); 
+0

doctype聲明? – zzzzBov 2011-03-21 17:43:22

回答

20

你有沒有在這HTML文檔的頂部(高於<html>標籤)

<!DOCTYPE html> 

IE9需要這個的網站,以顯示新的HTML5/CSS3的東西

編輯:或許多其他文檔類型的(XHTML等,但這是最短,最容易記住)

+1

<!DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Strict // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict。dtd「> – derekcohen 2011-03-21 18:27:48

74

據我所知邊界半徑應該在IE9上工作。你可能在你的網頁標題中缺少這樣的:

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

「邊緣」表示「使用了最新渲染引擎」,讓IE 9將利用9,10使用10等

+1

修復它 - 希望它不會破壞別的 – derekcohen 2011-03-21 18:33:53

+0

@derekcohen希望不是:D – kprobst 2011-03-21 18:44:05

+0

是它打破了pie.htc哪些barfs在附加方法 – derekcohen 2011-03-22 04:43:32

13

除了其他的答案中提到的原因,入住在開發者工具(按F12)您的文檔模式應設置爲Internet Explorer 9 Standards

enter image description here

+0

它說IE12的文檔標準爲 – derekcohen 2011-03-21 18:34:33

+0

這就是問題改成IE9的標準,它應該可以正常工作 – 2011-03-22 02:09:02

+1

怪異模式:我的CSS菜單ok,沒有邊界半徑IE9 std:我的CSS菜單崩潰 – jondinham 2011-11-06 04:14:46

0

已在頁面標題中添加了<!DOCTYPE html><meta http-equiv="X-UA-Compatible" content="IE=edge" />並解決了我的問題。 如果border-radius在IE9中不起作用,則必須在頁眉中添加<!DOCTYPE html><meta http-equiv="X-UA-Compatible" content="IE=edge" />。 請記住,如果你有<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 頂部您的頁面邊框半徑可能尚未出現在IE9,因此最好將其更改爲<!DOCTYPE html>

+0

答案似乎不完整 – RedBaron 2013-05-28 11:17:50

+0

抱歉,沒有意識到代碼在插入後變得不可見,我糾正了它們。 – Omid 2013-05-28 11:34:51

1

在Explorer 9中工作的偉大和8:

<!DOCTYPE html> 
<head> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
</head>