因ie8不相容css3旋轉和漸變的屬性，改用filter實現
漸變
以下效果為橫向漸變，從左到右，加了透明度
filter: progid:dximagetransform.microsoft.alpha(opacity=0 finishopacity=50 style=1 startx=0,starty=0,finishx=100,finishy=0) progid:dximagetransform.microsoft.gradient(startcolorstr=#f8f8f8,endcolorstr=#f8f8f8,gradienttype=1);
-ms-filter: progid:dximagetransform.microsoft.alpha(opacity=0 finishopacity=50 style=1 startx=0,starty=0,finishx=100,finishy=0) progid:dximagetransform.microsoft.gradient(startcolorstr=#f8f8f8,endcolorstr=#f8f8f8,gradienttype=1);
background: -webkit-linear-gradient(left, rgba(248,248,248,0.3), rgba(248,248,248,1)); /* safari 5.1 - 6.0 */
background: -o-linear-gradient(right, rgba(248,248,248,0.3), rgba(248,248,248,1)); /* opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, rgba(248,248,248,0.3), rgba(248,248,248,1)); /* firefox 3.6 - 15 */
background: linear-gradient(to right, rgba(248,248,248,0.3), rgba(248,248,248,1)); /* 標準的語法（必須放在最後） */
filter:progid:dximagetransform.microsoft.matrix(m11=0.7,m12=-0.7,m21=0.7,m22=0.7,sizingmethod="auto expand");
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
介面漸變特效 CSS實現 相容IE8
特別注意 裡面的rgb顏色值必須要全寫，不能使用縮寫。左右 background webkit gradient linear,0 0,0 100 from 80c1e7 to 213c7c background webkit linear gradient left,80c1e7,213c7c b...
CSS相容 解決IE6 IE7和IE8的相容問題
css相容 如何解決ie6 ie7和ie8的相容問題，有時做網頁明明css樣式表是正常的但ie8不相容,網頁顯示不正常,css如何相容ie8呢，下面看解決辦法 ie6 ie7 firefox等瀏覽器的相容性問題讓網頁設計師們大傷腦筋，本來網頁設計是件很有趣的事情，但是卻被這多餘相容工作傷腦筋，特別是...
Css實現透明效果，相容IE8
css實現透明效果，相容ie8 蕃薯耀 2015年9月9日 17 39 24 星期三 background rgba 0,0,0,0.2 none repeat scroll 0 0 important background color 000 opacity 0.3 filter alpha op...