在IE

Question

我使用下面的CSS與CSS橫向菜單列表醜陋的文字：

#navigation li { 
list-style: none; 
display: block; 
float: left; 
width: 10em; 
height: 2em; 
text-align: center; 
padding: .5em 0 0 0; 
margin: 0; 
border-left: .0625em solid #FFF; 
border-right: .1em solid #CCC; 
text-shadow: .0625em .0625em .0625em #ffffff; 
filter: dropshadow(color=#ffffff, offx=1, offy=1); 

一切都在Safari，Chrome瀏覽器，Opera和火狐看上去很不錯，但IE瀏覽器造成的問題（驚喜！）。文本看起來塊狀和毀容。我的假設是我做了一些錯誤的文字陰影？

Answer 1

你沒有做錯任何事情。在IE中應用陰影濾鏡將關閉元素的抗鋸齒功能。這是一個已知的問題。

這裏是一個哈克解決方法，一個人來到了... http://learningtheworld.eu/2010/ms-box-shadow/

Answer 2

我認爲dropshadow CSS需要像filter:DropShadow(Color=#ffffff, OffX=1, OffY=1)

Answer 3

filter:DropShadow(Color=#ffffff, OffX=1, OffY=1) 

而且，當你運用文字陰影，你必須風格背景色爲好，因爲沒有背景顏色，陰影看起來會比較難看