2012-10-05 55 views
0

使用border-radius我創建了cirlce來支持border-radius我使用CSS3 pie,然後在ie中它不工作。
我把CSS3餡餅文件在我的主題文件夾&在style.css寫代碼:在ie8中CSS3 Pie與Wordpress集成不起作用

#sidebar { 
width:140px; 
height:140px; 
margin:0 auto; 
-moz-border-radius: 70px; 
-webkit-border-radius: 70px; 
border-radius: 70px; 
behavior: url(PIE.htc); 
background-color:#fff; 
position:relative; 
z-index: 0; 
} 
+0

您好,先生,這是我的網站鏈接http://achieveee.com/elemnt/ – Pramod

回答

0

.HTC文件需要它們的路徑是相對於網站的根目錄。

CSS路徑與樣式表相關。這是微軟再次發生蟲害。

將PIE.htc文件移動到您的網站的根目錄,這應該工作。

+0

我創建文件夾在我的主題文件夾中作爲派和所有css3餅形文件在該文件夾中。樣式表如下: - #sidebar ul li {border-radius:70px; -moz-邊界半徑:70像素; behavior:url(「http://localhost/travel_logs/blog/wp-content/themes/travel_logs/pie/PIE.htc」); 位置:相對; zoom:1; } – Pramod

+0

是的,不。將.htc文件放入根目錄中。路徑必須相對於根。不是樣式表。 – SpaceBeers

+0

我做了它仍然沒有工作。 – Pramod

0

你需要把pie.htc放在根目錄下。像這樣www.domainname.com/PIE.htc或者如果你在本地機器上開發,那麼http://localhost/[your installation folder]/PIE.htc

希望這會有所幫助!

+0

對不起,但它並沒有幫助我bcoz已經我做了它沒有在ie中工作。 – Pramod

+0

你可以登錄http://achieveee.com/elemnt/ – Pramod

1

是不是最簡單的黑客,使URL絕對餡餅;

#sidebar { 
width:140px; 
height:140px; 
margin:0 auto; 
-moz-border-radius: 70px; 
-webkit-border-radius: 70px; 
border-radius: 70px; 
behavior: url(http://yoursite.com/wp-content/themes/themename/css/PIE.htc); 
background-color:#fff; 
position:relative; 
z-index: 0; 
} 

我必須這樣做,在惱人的安裝,永遠不會與相對路徑工作。