首先上一张背景知识图。
background-clip用来确定背景的裁剪区域，可取以下值：
1.border-box:此值为默认值，背景从border区域向外裁剪，超出部分将被裁剪掉。为了看的更明显，我将padding和border设置为20px；
padding: 20px;
border: dashed 20px rgba(152,10,...
分类：
其他好文 时间：
2015-07-15 11:15:24
阅读次数：
99
*, *:before, *:after { -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0);//移动端系统中点击...
分类：
移动开发 时间：
2015-07-14 20:09:11
阅读次数：
141
颜色:CSS3新增加了hsl(), hsla(), rgb(),rgba()四个函数来创建color值;hsl():hsl函数:h(色调),s(饱和度),l(亮度);色调:为0-360之间的数值[经实验,可以为小数];饱和度与亮度:均为百分比;下图截自http://www.w3.org/wiki/C...
分类：
Web程序 时间：
2015-07-14 17:22:45
阅读次数：
135
在工作中经常遇到在手机浏览器中浏览网页时，点击页面中的按钮或者是具备点击事件的元素，就会出现一个默认的高亮框，影响整体的感官体验。
可以用一个简单的css3属性来解决：tap-highlight-color，最好加上webkit浏览器前缀。
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: ...
分类：
移动开发 时间：
2015-07-14 15:47:24
阅读次数：
165
主页代码（html）3D图片环 - by 智能社 - www.zhinengshe.com by 智能社www.zhinengshe.comcss样式:*{margin:0; padding:0;}body{ background:rgba(2,2,2,1);overflow:hidden;}#d....
分类：
其他好文 时间：
2015-07-11 18:07:12
阅读次数：
146
1.background-color:rgba(0,0,0,0.65) 这行代码让覆盖层变黑色，且有0.6的透明度正常情况下遮盖层会把透明度遗传给弹出框（它的子元素），但是利用CSS3的这个特性则不会2.在ajax方法中定义任意位置显示的“加载中。。。”提示 $('#ajax_test2').cli...
分类：
Web程序 时间：
2015-07-10 18:28:24
阅读次数：
143
img{-webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,1)); }above：指定倒影在对象的上边below：指定倒影在对象的下边left：指定倒影在对象的左边right：指定倒....
分类：
其他好文 时间：
2015-07-08 02:03:41
阅读次数：
129
转行做前端，上班有一个星期了，什么都不懂，今天学习了几个新的css3属性，记录下来。注：所有的测试均是在chrome上手机模式测试，与真实的手机环境可能有误差1：-webkit-tap-heighlight-color:rgba();改变safari 与大部分android机可点击元素，点击时产生的...
分类：
移动开发 时间：
2015-07-08 02:02:09
阅读次数：
147
css .bgAudio{width:27px;height:27px;position:fixed;right:10px;top:10px;z-index:999;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;-webkit-tr.....
分类：
微信 时间：
2015-07-07 16:20:10
阅读次数：
1733
幻灯片：http://www.woothemes.com/flexslider/引入js和样式文件后，增加样式：.flexslider{
margin:0auto3em;
width:50%;
min-width:800px;
}
.flex-caption{
width:96%;
padding:2%;
left:0;
bottom:0;
background:rgba(0,0,0,.5);
color:#fff;
text-shadow:0-1px0rgba(0,0,..
分类：
Web程序 时间：
2015-07-05 16:57:53
阅读次数：
239
