PIE.htc - 位置是正確的，但在IE中仍然沒有CSS3效果

我有一個div.outer包裝我的內容，並有一個漸變背景。我能夠看到PIE.htc被加載（它位於index.html所在的根目錄中），但是沒有發生CSS3效果。PIE.htc - 位置是正確的，但在IE中仍然沒有CSS3效果

.outer{ 
    height: 100%; 
    position: relative; 
    z-index: 0; 
     background: #063A5F; /*fallback for non-CSS3 browsers*/ 
     background: -webkit-gradient(linear, 0 0, 0 100%, from(#063A5F) to(#063A5F)); /*old webkit*/ 
     background: -webkit-linear-gradient(top, #4189CC, #063A5F); /*newer webkit*/ 
     background: -moz-linear-gradient(top, #4189CC, #063A5F); /*old gecko*/ 
     background: -o-linear-gradient(top, #4189CC, #063A5F); /*opera 11.10+*/ 
    background: linear-gradient(to bottom, #063A5F, #4189CC); 
    -pie-background: linear-gradient(to bottom, #063A5F, #4189CC); /*ie 6-9 via PIE*/ 
    behavior: url(PIE.htc);

}

現在所在的位置是available here

我已經嘗試了z-index的問題，但也許我做錯了:)

而且是有邊框圓角問題沒有被應用到我的錨標籤。

.btn{ 
    border-radius: 5px 5px 5px 5px; 
    behavior: url(PIE.htc); 
}

任何幫助，非常感謝！

來源

2013-06-26 Todd

嘗試上傳PIE.htc到您的根目錄和/或包括在您的CSS文件的絕對URL。

所以，如果你把它放在你的根目錄下，然後在CSS是這樣的：

.btn{ 
    border-radius: 5px 5px 5px 5px; 
    behavior: url("http://yourdomain.com/PIE.htc"); 
}

希望幫助！

PIE有點像這樣。

來源

2013-06-26 00:59:21 Cynthia

我做了這個調整，很遺憾在IE中仍然沒有CSS3的優點。我沒有將IE開發工具中註冊的地址複製並粘貼到新窗口中。這確實是正確的，因爲[link]（http://www.edpacheco.com/PIE.htc）在這裏展示[/ link]。謝謝你的建議，辛西婭。 – Todd

問題固定加兩行的.htaccess：

RewriteRule /PIE.htc$ PIE.htc [L] 
AddType text/x-component .htc

查看該文件後，我很快就注意到了（的Joomla）的網站使用國防部重寫。許多joomla網站利用生成搜索引擎友好（SEF）URL的插件。我只是將上述兩行添加到我的.htaccess文件的底部並清除了緩存 - 問題已解決。

來源

2013-06-26 02:22:57 Todd

PIE.htc - 位置是正確的，但在IE中仍然沒有CSS3效果

回答

相關問題