邊界半徑行爲奇怪，即在

我剛剛注意到我的工具欄的邊框半徑不在ie9中工作。奇怪的是，有一個盒子陰影曲線，所以我不知道它是怎麼回事。在IE中，實際的工具欄div不是彎曲的，而是盒子陰影。所有其他瀏覽器中的一切都很好，我知道ie9支持邊界半徑。邊界半徑行爲奇怪，即在

無論如何，CSS是在下面。我已經刪除了所有的前綴和不需要的樣式，所以只有框陰影和邊框半徑在那裏。這裏是所有的風格jsfiddle英寸

UPDATE

想通了什麼事情錯了。漸變已經停止了邊界半徑形式在IE中工作，所以我現在將在IE中禁用它。如果任何人有辦法保持他們和邊界半徑將是偉大的。我已經添加了漸變樣式。

.membersbar { 
      width:98%; background-color:#313131; 
      height:30px; padding-top:5px; 
      border-bottom-right-radius:2em; 
      position:fixed; 
      top:0; 
      box-shadow:0 0 5px 5px #999; 

      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#202020'); 
      background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#202020)); 
      background: -moz-linear-gradient(top, #313131, #202020); 
      }

這是頭部的相關信息;

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

     <!--[if IE]> 
     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
     <![endif]--> 

</head>

來源

2012-08-07 Jacob Windsor

另一種與'border-radius'結合不安全的風格是'overflow：hidden'，它在Chrome，Safari和Opera中出現故障。 – 2012-08-08 00:43:14

我不知道那麼謝謝 – 2012-08-08 00:44:52

我已經知道發生了什麼。我有（現在編輯）的漸變是停止在IE中工作的邊框半徑。我已將漸變添加到CSS。如果任何人有任何方法來保持漸變和邊界半徑將是偉大的，否則我將不得不在IE中禁用漸變。

來源

2012-08-07 23:06:17

使用SVG漸變。 – thirtydot 2012-08-07 23:27:37

爲什麼我沒有想到這個？ – 2012-08-07 23:31:50

請驗證您的主HTML文檔與

<!DOCTYPE HTML>

IE開始設任何頁面沒有DOCTYPE標籤是一個「老」非HTML5文檔，並使用一些奇怪的「兼容」模式，忽略了很多CSS3功能。

來源

2012-08-07 21:00:56

我可以確認doctype已設置，並且下面的元數據已經存在。我已將相關頭部信息添加到問題 – 2012-08-07 22:54:06

讓您的IE使用最新的IE功能。將以下元標記（它必須是第一個）添加到您的HEAD元素：

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

來源

2012-08-07 21:03:47

什麼是'runat =「server」'？ – 2012-08-07 21:06:19

我的不好。不需要那裏（編輯它）。這是ASP.NET標記的一部分 – 2012-08-07 21:07:27

這已經存在，我已將相關頭部信息添加到問題 – 2012-08-07 22:54:31

邊界半徑行爲奇怪，即在

回答

相關問題