css3 background-clip和background-origin
来源:互联网 发布:淘宝客有要交钱的 编辑:程序博客网 时间:2024/04/24 04:29
浏览器支持:
这里的支持是指:允许开发人员修改该属性, background-clip和和background-origin 属性特征从css2规范开始就已经存在(IE6+支持特性,但是不支持开发者修改,IE8开始支持)
css2规范: background-clip为padding-box即从内补白开始
css2.1~css3规范:background-clip为border-box
background-origin 属性规定 background-position 属性相对于什么位置来定位,只限定开始位置,不限定结束位置,结束位置总是覆盖border
background-clip 属性规定背景的绘制区域,限定开始位置和结束位置,IE8和background-origin:padding-box;效果一样,IE7-效果为padding-box
注意:
background-clip属性对于background-images 和background-color的处理并不一致
background-images永远都是从padding开始
*如果设置了repeat或者是没有设置no-repeat的时候同时background-clip为border-box的时候,边框的背景会重复但是并不是和padding内的图片为一个repeat序列
*如果设置了no-repeat同时background-clip为border-box,开始位置边框 top left直接没有图片
background-color的开始可以很好的受到background-clip限制
如果希望background-images冲边框开始最好用background-origin:border-box;而不是background-origin:border-box;
background-clip
谷歌浏览器&&IE9+:
IE8:
IE7:
background-origin:
谷歌浏览器&&IE9+,div添加了30px padding
IE8下失效,效果如图2
- CSS3教程:background-clip和background-origin
- css3 background-clip和background-origin
- 【CSS3】---background-origin background-clip background-size
- 深入浅出CSS3:background-clip,background-origin和border-image教程
- 深入浅出CSS3:background-clip,background-origin和border-image教程
- CSS3中background-clip和background-origin的区别
- 深入浅出CSS3:background-clip,background-origin和border-image教程
- 深入浅出CSS3:background-clip,background-origin和border-image教程
- css3中background-clip和background-origin的区别
- 深入浅出CSS3 background-clip,background-origin和border-image教程
- CSS3 background-origin,background-clip的比较
- css3新增背景属性background-clip/background-origin/background-size
- background-clip和background-origin区别
- background-clip和background-origin的区别
- css3:背景属性background-origin/clip详解
- css3.0抢先看(五):background-origin and background-clip控制背景的现实和裁剪
- css3之background-origin和background-clip的区别与联系
- css3中的background的新特性background-origin,background-clip,background-size详解
- 1006. Sign In and Sign Out (25)[C语言]
- 河南工业“玲珑杯”最大字段和
- Mysql 主从报错
- 简单粗暴地理解 JS 原型链
- CentOS7.3 安装Redis 阿里云(亲试)
- css3 background-clip和background-origin
- pyhton zipfile文档解释
- Linux vim一些问题解决
- 1007. Maximum Subsequence Sum (25)[C语言]
- POJ 1031 Fence 笔记
- Node.js建站之详解express与ejs(二)
- gdb+gdbserver调试ARM程序
- linux shell基础三之替换
- 近期总结+计划(5月份)