圓角黑客 - 這裏做錯了什麼？

我實現了一個.HTC行爲，試圖從這裏得到圓角的IE-6-8： http://jonraasch.com/blog/css-rounded-corners-in-all-browsers 圓角黑客 - 這裏做錯了什麼？

似乎無法得到它的工作，甚至以下所有它建議小IE方法後。

#callbox { 
position:relative; 
background-image:url(images/callbox_bg.png); 
width:360px; 
height:75px; 
float:right; 
padding:10px 20px 0px 10px; 
font-size:26px; 

display:block; 


border-radius: 15px; 
-webkit-border-radius: 15px; 
-moz-border-radius: 15px; 


behavior: url(/css/border-radius.htc); 
zoom:1;

}

來源

2012-07-04 Francesca

通常在CSS中，url路徑是相對於文檔的。使用.htc文件雖然需要相對於站點根目錄。

採取以下網站結構：

Root 
    - images/ 
     - image.png 
    - css/ 
     - layout.css 
- index.html 
- border-radius.htc

要在layout.css中使用的圖像文件的URL將('../images/image.png') 要使用宏達文件這將是('../border-radius.htc')

同時，（這可能不相關），但要獲得CSS3PIE.htc工作，您需要添加位置：相對於樣式。

來源

2012-07-04 13:41:46 SpaceBeers

嗨。已將.htc移到根文件夾並將css路徑更改爲： behavior：url（../ border-radius.htc）; 雖然沒有運氣，但:(我是否正確地做到這一點？ – Francesca

border-radius.htc實際上在網站的根？我想象會讓你的css - url（border-radius.htc）不是嗎？ – SpaceBeers

它必須在根btw。 – SpaceBeers

在他們的榜樣，他們有border-radius: 15px;behavior後。看看是否有效或你。另外看一下IE的警告列表，確保它們不適用於你的佈局。

.rounded-corners { 
    behavior: url(/css/border-radius.htc); 
    border-radius: 20px; 
}

來源

2012-07-04 13:20:33

已經改變了它，所以邊界半徑在之後沒有變化。我已經通過列表並將其應用於此調箱div，所以我不知道還有什麼可做的！ – Francesca

它看起來還好我，你確定HTC文件路徑是正確的，即它是通過http://example.com/css/boarder-radius.htc訪問？

來源

2012-07-04 13:25:53

圓角黑客 - 這裏做錯了什麼？

回答

相關問題