css不常用但是 很有的幾個兼容設置

   #設置四個角的圓角樣式
	border-radius:0.9rem;
	-webkit-border-radius:0.8rem;
	-moz-border-radius:0.8rem;
   #圖片作爲背景縮放
	background-size: 35% 35%;
	-moz-background-size: 35% 35%;
	-webkit-background-size: 35% 35%;

   #圖片背景定位
	background-image: url(../img/s2.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 0.6rem;
#針對左上角,右上角的設置圓角  兼容寫法
	border-top-left-radius: 0.6rem;
	border-top-right-radius: 0.6rem;
	-webkit-border-left-radius: 0.6rem;
	-webkit-border-right-radius: 0.6rem;
	-moz-border-radius-topleft: 0.6rem;
	-moz-border-radius-topright: 0.6rem;
 #針對右下角。左下角設置圓角   兼容寫法
	border-bottom-right-radius: 2.5rem;
	border-bottom-left-radius: 2.5rem;
	-webkit-border-bottom-right-radius: 2.5rem;
	-webkit-border-bottom-left-radius: 2.5rem;
	-moz-border-radius-bottomright: 2.5rem;
	-moz-border-radius-bottomleft: 2.5rem;
   

    #半透明兼容寫法
	filter: Alpha(opacity=60); /* IE */
	-moz-opacity: 0.6;    /* FF 主要是爲了兼容老版本的FF */
	opacity: 0.6;    /* FF */

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章