PIE CSS工作在IE9但不是IE8

對於這個項目，我使用的是Tomcat 7已將其配置爲服務htc與內容類型的text/x-componentPIE CSS工作在IE9但不是IE8

<?xml version="1.0" encoding="UTF-8"?> 
<web-app ...> 
    ... 
    <mime-mapping> 
      <extension>htc</extension> 
      <mime-type>text/x-component</mime-type> 
    </mime-mapping> 
</web-app>

出於某種原因，它工作在IE9（梯度，陰影，圓角）而不是在IE8中，根本看不到任何CSS3。在樣式/ tracxe樣式下的開發人員控制檯中，我看到behavior，但我沒有看到任何內容，例如-pie-background。那是問題嗎？

什麼可能是原因，它似乎奇怪，它在IE9，但不是IE8。我不認爲我需要不同的設置或類似的東西？ 1元素的CSS：

#masthead { 
    background: #0E0E0E; 
    background: #0e0e0e; 
    background: -moz-linear-gradient(center top, #7d7d7d 0%, #0e0e0e 100%); 
    background: -webkit-linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%); 
    background: -o-linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%); 
    background: -ms-linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%); 
    background: linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%); 
    -pie-background: linear-gradient(top, #7d7d7d 0%, #0e0e0e 100%); 
    behavior: url(/owmw/web/css/PIE.htc); 
    height: 35px; 
    border: 1px solid #000000; 
    color: #FFFFFF; 
    position: relative; 
    text-align: center; 
    margin: 0px auto; 
}

我在IE8兼容模式下使用IE10，這有什麼關係嗎？

來源

2013-05-14 Jiew Meng

您可以使用不同版本的實際瀏覽器下載Windows的虛擬機。也許下載一個XP或Win7與IE8組合和測試使用，看看它是否有所作爲？ http://www.modern.ie/en-us/virtualization-tools#downloads – jammykam 2013-05-14 02:19:13

您是否正在使用[下載頁面]（http://css3pie.com/download/）的官方版本（v1） .0.0 stable或v2.0 beta1）？或者你是偶然使用[GitHub項目]（https://github.com/lojjic/PIE）的分支/標籤之一？您是否在JavaScript控制檯/網絡窗格中看到任何錯誤或404錯誤？ – ajp15243 2013-05-14 04:45:07

我正在使用v1我認爲。但問題似乎是通過使用標準模式'X-UA兼容的IE =邊緣'來解決的。 IE默認使用怪癖嗎？ – 2013-05-14 05:43:28

我也面臨着同樣的問題，以下是我的問題的原因：

我用一個錯誤的定位爲我DIV元素。
我在behavior的目標是錯誤的路徑。

從您的代碼中，問題似乎是針對錯誤的路徑。
behavior: url(/owmw/web/css/PIE.htc);

FIX： 而是試圖在參考css文件夾中的文件PIE.htc，並使它看起來像behavior: url(PIE.htc);
或
使用behavior: url(owmw/web/css/PIE.htc);

退房behavior property。

我可能是錯的，但這解決了我的問題。

即使我嘗試使用behavior: url(../owmw/web/css/PIE.htc);但沒有奏效。

從您的意見，似乎你使用X-UA-Compatible作爲修復，它只能通過IE10兼容模式。

!-- Force IE to use the latest version of its rendering engine --> 
<meta http-equiv="X-UA-Compatible" content="IE=edge">

通過告訴IE在您的頁面中使用其最新版本的渲染引擎。如果您的用戶在IE8瀏覽器中打開，那麼套用？這肯定會失敗。

您可以在MSDN Library中查看。

希望你能理解。

來源

2013-06-10 07:10:17 Praveen

我試過除了div定位以外的所有東西。我改變了div的位置：相對 - >一切正常！謝謝！ – TrippinBilly 2014-01-22 22:50:18

PIE CSS工作在IE9但不是IE8

回答

相關問題