css

一直记得CSS利用filter/opacity能实现浏览器全兼容的背景透明，但其中filter滤镜又臭又长老是记不住，还有那16进制算法老是忘，这次要记录下来。

今天在css-tricks看到一篇关于CSS实现多边框技巧文章，觉得非常不错，就试着写一个demo学习记录下来。 全文通过css-tricksOutline轮廓和box-shadow元素的阴影产生边框、Border边框和box-shadow元素的阴影产生边框、Border边框和background多背景、Border边框和background-clip裁剪、Border images边框背景五种方法实现css多边框。

css透明边框的弹窗制作中，往往制作出来的是一个纯灰色的边框，这是为什么呢？

background-origin 规定了指定背景图片background-image 属性的原点位置的背景相对区域，注意：当使用 background-attachment 为fixed时，该属性将被忽略不起作用。

CSS中的background-position属性，如果声明一个值，则该值为水平偏移量。浏览器将垂直偏移设置为center。声明两个值时，第一个值是水平偏移量，第二个值是垂直偏移量。三个值时，浏览器将“缺失”的第四个值插入为0。在现代浏览器中，最多可以为背景位置提供四个值（IE9以下不支持三个值和四个值）。

background-size属性是背景属性之一,此属性可以使用四种不同的语法：关键词语法、一个值语法、两个值语法和多背景语法。使用多个图像时，请记住背景图像的堆叠顺序，第一幅永远在最上面，后面以此类推。