2013-05-18 43 views
4

網站我的工作工作 - http://www.quickseorankings.com/dev/,其內置有:CSS3 + HTML5SHIV + CSS3PIE邊界半徑不工作的IE8,但是,IE7,9,10

  • Twitter的引導
  • HTML5 + CSS3
  • HTML5SHIV
  • CSS3PIE

問題:在導航欄林邊界半徑k(主動)即使使用CSS3PIE也不能在IE8上工作。但其對IE7,9,10的工作(使用測試browserstack)

CSS位置:/CSS/
CSS3PIE HTC文件地點:/根/相同的位置,我的索引。 HTML

HTC編碼爲:behavior: url(PIE.htc);


修復嘗試#1: behavior: url(/PIE.htc);behavior: url(../PIE.htc);
使用PHP一個甚至試圖 - behavior: url(PIE.php); behavior: url(/PIE.php);

修復嘗試#2新增的.htaccess: AddType text/x-component .htc

修復嘗試3使用: http://fetchak.com/ie-css3/ - 它實際上是HTC解決方案,但與CSS3PIE不同。仍然沒有工作..

修復嘗試#4加:-pie-border-radius: 10px;無法正常工作。

修復嘗試#5補充:position:relative !important; zoom:1; z-index:0 !important什麼...


其次在這個論壇上其他修復,仍然沒有工作..非常感謝您的幫助!

修復建議由ScottSimpson:絕緣測試,與沒有TBS,這裏-S的測試頁普通的HTML - http://www.quickseorankings.com/pie/頂部按鈕的那些是CSS3PIE(沒有工作)。從底部按鈕fetchak ie-css.htc是相當工作..現在,這導致我們接近我的問題..問題是,TBS是否導致.htc不能正確加載?或者TBS正在覆蓋它? !但我沒有,與values..hmmmm重要..

WINNER IS pjumble:我使用PIE.htc(PIE 2.0 Beta 1中),所以它需要有這個文件 - PIE_IE678.js那麼一切的工作。 ..非常感謝你pjumble!

+0

歡迎來到Stack Overflow!這遠離我的專業領域,但希望其他人能夠提供幫助。你嘗試過的修復程序沒有奏效? – jerry

+0

謝謝傑瑞。我嘗試了絕對路徑的網址爲htc位置報價和不引用。嘗試(/PIE.htc)一個(PIE.htc)..我也嘗試過(PIE.php)仍然是相同的..嘗試將htc和pie.php放在我的/ pie /文件夾中,沒有工作..我知道有一個不同的解決方案/解決方法在IE8中的邊界半徑像jQuery角落js,但我想先解決這個問題.. – bootstrapper

+0

嘗試創建一個沒有TBS的新的HTML頁面,只有一個圓角的元素。這樣你可以看到TBS是否會導致PIE問題。 IMO - PIE比它值得的更麻煩。 –

回答

3

您正在使用PIE 2.0 beta,PIE 2.0的.htc文件只是加載外部JavaScript文件PIE_IE678.js。您需要將PIE_IE678.js上傳到您的服務器,然後通知PIE javascript文件所在的位置。

最簡單的方法是將PIE_IE678.js文件添加到同一目錄PIE.htc,然後使用絕對 URL到PIE.htc文件在你的CSS文件,如:

behavior: url('http://www.quickseorankings.com/dev/PIE.htc'); 

和目錄結構將需要:

quickseorankings.com/ 
    dev/ 
     PIE.htc 
     PIE_IE678.js 

注意:不要手動加載任何PIE .js文件中,宏達文件加載額外的JavaScript文件給你。

+0

按照上面的回答並更新了/ dev /這是它得到的錯誤: 網頁錯誤詳細信息 用戶代理:Mozilla/4.0(兼容; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; Tablet PC 2.0; .NET4.0C; .NET4.0E) 時間戳:Sat,18 May 2013 21:44:53 UTC 消息: '元素' 是未定義 線:1 字符:1 代碼:0 URI:http://www.quickseorankings.com/dev/htc_script.js – bootstrapper

+0

你上傳錯誤的文件(我只在註釋中鏈接該文件以顯示PIE如何嘗試查找java腳本)。轉到http://css3pie.com/download/,下載PIE 2.0 beta 1,解壓,上傳'PIE.htc'和'PIE_IE678.js'到你的'dev'文件夾,然後在你的'ie8.css'文件中加載使用上面列出的行爲(使用絕對URL)的htc。不要手動包含任何額外的文件。 – pjumble

+1

Woot!感謝@pjumble跟着它的工作!非常感謝! – bootstrapper