2013-02-28 42 views
0

我看到這個問題有很多變化,但我的嘗試都沒有奏效。在IE8中沒有邊框半徑,css3PIE不工作?

我想獲得圓角IE8,因爲我在Firefox,Chrome瀏覽器執行......這裏是我的CSS,下載後css3PIE:

border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; 
behavior:url(/PIE.php); 
position:relative; 
z-index: 0; 

我換出「PIE.php」與「PIE .htc',沒有效果。我的html索引文件與PIE文件和css工作表位於同一個目錄中。我試着根據我在這裏看到的帖子添加z-索引和位置規則,但是在那裏也沒有效果。我試着簡單地使用PIE.htc和PIE.php作爲路徑,但是沒有運氣...

是否還有別的事我可以做,或者這裏有什麼不對嗎? 謝謝,傑森

+5

'我的HTML索引文件是在同一目錄中PIE文件和CSS sheet.'是域的根目錄?因爲這就是你用'/'指向的地方。如果你想要定位* current *目錄,使用'behavior:url(PIE.php)'還要注意文件名可能區分大小寫 – 2013-02-28 18:55:11

+0

我也試過這個路徑,但沒有運氣... – JasonBK 2013-02-28 20:07:19

+0

@Pekka 웃IE請求所有'行爲:'根目錄下的URL,不管是否有前導斜槓。 – 2013-04-18 01:03:55

回答

1

CSS3 PIE只承認border-radius,沒有前綴。

添加border-radius: 10px之後的前綴版本。

+0

另外,應該刪除'border-top-left-radius'等。 – 2013-02-28 20:24:05

+0

好的謝謝我會嘗試當我得到片刻,我會回來,如果它的工作檢查你的答案! – JasonBK 2013-03-05 15:18:11

0

嘗試這樣的事情

-webkite-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px; 
behavior: url(/PIE.htc);