CSS 3~~~~IE書き方

1050 ワード

  • linear-gradient
  • background: linear-gradient(to bottom, #97c1e0 0%, #086cb6 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#97c1e0',endColorStr='#086cb6',gradientType='0');

    2.opacity
    opacity:0.3;
    filter: alpha(opacity=30);

    3.透明背景互換IE 8
    @media \0screen\,screen\9 {/*    IE6、7、8 */
    	.za-login-left{
    		background-color:#fff;
    		filter:Alpha(opacity=34);
    		position:static; /* IE6、7、8    position:static(    ) ,          Alpha  */
    		*zoom:1; /*   IE6、7 haslayout  ,    Alpha */
    	}
    	.za-login-right{
    		background-color:#fff;
    		filter:Alpha(opacity=76);
    		position:static;
    		*zoom:1; 
    	}
    }
    .za-login-logo{
    	position: relative;
    }

    背景の内容のスタイルposition:relativeを設定しない場合;となると、透明度が隠れてしまいます.
    4.background-size ie 8の書き方は、絶対位置決めで注意
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/struts/css/jqgridthemes/images/bg/bg_fbutton_hover.gif',sizingMethod='scale');