2010-10-08 83 views
4

有沒有辦法爲IE8做這件事?如何爲IE8添加邊框半徑和投影?

-moz-box-shadow: 0px 0px 14px #585858; /* FF3.5+ */ 
    -webkit-box-shadow: 0px 0px 14px #585858; /* Saf3.0+, Chrome */ 
    box-shadow: 0px 0px 14px #585858; /* Opera 10.5, IE 9 */ 

    -moz-border-radius: 6px; 
    border-radius: 6px; 

回答

12

你可以用CSS3PIE來做到這一點。它爲IE添加了圓角,陰影和漸變背景支持。

希望這會有所幫助!

+1

+1對CSS3Pie - 一個壯觀的好產品;從水中吹出所有其他解決方案。它基本上給出了基於CSS的圓角,併爲所有版本的IE(甚至IE6)投下陰影。 – Spudley 2010-10-08 11:31:19

1

IE8與陰影或圓角不兼容。

陰影和圓角通常是最好的與PNG圖像,然後黑客入侵IE6。

或者,您可以使用類似漂亮角落(http://www.spiffycorners.com/)的圓角。

3

有關IE8陰影可以使用

.box-shadow { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000')"; 
} 

其中Strength是陰影的密度和Direction是陰影的在45倍的增量偏移的角度。請參閱MSDN上的Direction Property

希望這會有所幫助。

+0

此方法會關閉以禁用cleartype。 – 2013-07-10 03:32:25