一些易忘记的常识--CSS,不定期添加

去掉Chrome有焦點時土黃框:input,textarea { outline:none;}

FF给img加css的hover属性为opacity时,图片会有微小的缩小:-moz-transform:rotate(0);

smartphone横纵翻转文字大小不变:-webkit-text-size-adjust:none;

去除iphone网页上按钮的超大圆角默认样式和自带的顶部阴影:input { -webkit-appearance:none;}

.obj{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B7D0000,endColorstr=#4B7D0000);}

DXImageTransform.Microsoft.gradient滤镜里的startColorstr参数值是#AARRGGBB形式的,其中的AA是代表不透明度的十六进制,00表示完全透明,FF就是全不透明,化成十进制的范围就是0~255,剩下的RRGGBB就是颜色的十六进制代码。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的红色背景。如何把30%的不透明度转换成十六制呢?很简单,先计算#AA的的十进制x,x/255 = 3/10,解得x=3*255/10,然后再把x换算成十六进制,约等于4B。

-webkit-overflow-scrolling: touch;    //弹性滚动,更快速。Android4上你不需要使用这个属性。每个可滚动的容器均包含弹性滚动。

 webkit手机浏览input type="number"按钮的时候,有一个加减值的按钮spinners。清除方法:

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none;}

  

 

posted @ 2012-07-19 17:57  Joerias  阅读(236)  评论(0编辑  收藏  举报