2011-07-27 50 views
2

我一直在瀏覽網頁,並且發現了一些建議您可以使用名爲bprder-radius.htc的文件使邊界半徑屬性在IE中工作。即使我使用.htc文件,IE中的邊界半徑仍然不工作

我已經添加了一點它的代碼,但似乎無法得到它的工作。

這裏是我的源代碼

<div class="body"> 

<div class="menu"> 

    <p><a class="menuButton">Home</a></p> 

    <p><a class="menuButton">Availability</a></p> 

    <p><a class="menuButton">Treatments</a></p> 

</div> 

</div> 

我的CSS

.body {margin:auto; width:1096px; height:500px;} 

.menu {position:relative; top:150px; overflow:hidden; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; behavior: url(border-radius.htc);} 

.menu p {text-align:center; width:124px; float:left; border:solid 1px #e94f7b; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;} 

這是我得到的IE瀏覽器使用此代碼

Image1

這裏就是它應該是

Image2

任何想法,爲什麼這不會工作?

在此先感謝

編輯

鏈接頁面 - http://jamietaylor-webdesign.com/cms/

+1

你能分享一個鏈接到頁面嗎? – thirtydot

+0

只需上傳到遠程站點即可發佈鏈接 –

+0

@thirtydot請參閱上面張貼的頁面鏈接 - 謝謝 –

回答

1

HTC文件需要有文本/ X-comopnent的mimitype

方法我用做這是使用以下命令將.htc文件放在具有.htaccess文件的目錄中。

AddType text/x-component .htc 

如果你有這樣的.htaccess文件,然後宏達可能已經成爲一個FTP二進制VS基於Web主機的uniq和Windows之間的文本上傳/下載損壞。

獲得一個新的副本 - 嘗試在本地計算機上先 - 用的.htaccess

IE瀏覽器CSS3 http://fetchak.com/ie-css3/給你的不僅僅是角落更多的功能上傳。

邊界半徑 箱陰影 文字陰影

+0

我已經添加了這個,但它似乎不工作?我還添加了ie-css3 htc文件,但是我得到並在文件 –

+0

上使用http://www.webconfs.com/http-header-check.php拒絕訪問http:// jamietaylor-webdesign。com/cms/border-radius.htc它是內容類型:文本/ x組件 – Wayne

+0

我會嘗試將其添加到html文檔中的樣式標記... IE可能會忽略它,因爲它是ocking在其中之一其他命令在css文件中。 – Wayne