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 */

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

萧逸

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值