我一直在瀏覽網頁,並且發現了一些建議您可以使用名爲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瀏覽器使用此代碼
這裏就是它應該是
任何想法,爲什麼這不會工作?
在此先感謝
編輯
鏈接頁面 - http://jamietaylor-webdesign.com/cms/
你能分享一個鏈接到頁面嗎? – thirtydot
只需上傳到遠程站點即可發佈鏈接 –
@thirtydot請參閱上面張貼的頁面鏈接 - 謝謝 –