元素居中transform:translate(-50%, 50%)文字虚关注热度:18

元素居中transform:translate(-50%, 50%)文字虚 是因为出现奇数偶数，被压缩 加上这个代码就解决了: 设置文字抗锯齿就解决了-webkit-font-smoothing:antialiased..[详情]

chrome滚动导致头像圆角变方形BUG,border-radius不起作用关注热度:17

chrome滚动导致头像圆角变方形BUG,border-radius不起作用 业务场景： 利用border-radisu让头像变圆角，但是在chrome[windows]系统下，有时候不起作用，比如滚屏时候又变成方形了。 解决办法: 给..[详情]

placeholder占位符颜色自定义关注热度:124

input:-moz-placeholder{color:#369;}::-webkit-input-placeholder{color:#369;}..[详情]

焦点去除背景关注热度:106

-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;//i.e.Nexus5/ChromeandKindleFireHD7..[详情]

手机版本网页a标记虚线框问题关注热度:154

a:focus{outline:none;-moz-outline:none;}..[详情]

autofill关注热度:90

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }autocomplete=off..[详情]

取消chrome 搜索x提示关注热度:114

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; }..[详情]

webkit 水平居中关注热度:160

display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;..[详情]

chrome字体缩小关注热度:154

.chrome_adjust{font-size:9px;-webkit-transform:scale(0.75);}..[详情]

取消a链接的黄色边框关注热度:105

a{-webkit-tap-highlight-color:rgba(0,0,0,0);}..[详情]

取消textarea右下角可拖动手柄关注热度:188

resize:none..[详情]

firefox 阻止选中：关注热度:144

-moz-user-focus:ignore;-moz-user-input:disabled;-moz-user-select:none;..[详情]

css灰色滤镜，变灰 gray:关注热度:143

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(data:image/svg+xml;utf8,svg xmlns=\http://www.w3.org/2000/svg\filter id=\gray..[详情]

阻止默认事件关注热度:173

pointer-events:none;..[详情]

颜色渐变兼容IE9关注热度:117

颜色渐变兼容IE9 background:#bde25e;/*Oldbrowsers*/background:-moz-linear-gradient(top,#bde25e2%,#8bb31d100%);/*FF3.6+*/background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(2%,#bde25e),color-stop(100%,#8bb31d));/*Chrome,Saf..[详情]

search占位关注热度:199

::-webkit-input-placeholder{}::-moz-input-placeholder{}input:focus::-webkit-input-placeholder{color:transparent;}-webkit-appearance:none;google边框去除input[type=search]{-webkit-appearance:textfield;}//去除chrome默认样式http://i.w..[详情]

css投影关注热度:68

.b{box-shadow:inset 1px -1px 0 #f1f1f1;text-shadow:1px 1px 0px #630;} filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr=#99000000,endColorstr=#99000000);background:rgba(0,0,0,.6); background:rgba(0,0,0,0.5);filter..[详情]

css3渐变关注热度:122

.a{background:-webkit-gradient(linear,lefttop,leftbottom,from(#69bdf9),to(#4aa7e8));background:-moz-linear-gradient(top,#67bcf8,#3b96d6);background:-o-linear-gradient(top,#67bcf8,#3b96d6);background:linear-gradient(top,#67bcf8,#3b96d6);}..[详情]

超出省略号关注热度:98

.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}..[详情]

mac font: osx平台字体优化关注热度:123

font-family:HiraginoSansGB,HiraginoSansGBW3,微软雅黑;..[详情]

鼠标不允许点击关注热度:166

cursor:not-allowed;..[详情]

min-height: 最小高度兼容代码关注热度:196

.minheight500{min-height:500px;height:auto!important;height:500px;overflow:visible;}..[详情]

seperate-table关注热度:229

.tab{border-collapse:separate;border:1px solid #e0e0e0;} .tab th,.tab td{padding:3px;font-size:12px;background:#f5f9fb;border:1px solid;border-color:#fff #deedf6 #deedf6 #fff;} .tab th{background:#edf4f0;} .tab tr.even td{background:#fff;}..[详情]

clearfix浮动闭合关注热度:204

.clearfix:after{visibility:hidden;display:block;font-size:0;content:;clear:both;height:0;}.clearfix{display:inline-block;}html[xmlns].clearfix{display:block;}*html.clearfix{height:1%;}.clearfix{*zoom:1;}.clearfix:after{clear:both;display:ta..[详情]

ie6: position:fixed的坑关注热度:62

ie6: position:fixed的坑 .fixed-top/*positionfixedTop*/{position:fixed;bottom:auto;top:0;}*html.fixed-top/*IE6positionfixedTop*/{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}*html{background-image..[详情]

css去掉Webkit(chrome)浏览器中input(文本框)或textarea的黄色焦点框关注热度:116

css去掉Webkit(chrome)浏览器中input(文本框)或textarea的黄色焦点框 input,button,select,textarea{outline:none;}textarea{font-size:13px;resize:none;}..[详情]

css两端对齐关注热度:170

css两端对齐 text-align:justify;text-justify:inter-ideogra..[详情]

css常见坑之文字换行关注热度:127

css常见坑之文字换行 /*强制不换行*/white-space:nowrap;/*自动换行*/word-wrap:break-word;word-break:normal;/*强制英文单词断行*/word-break:break-all;..[详情]

css常用布局的坑之flex关注热度:169

css常用布局的坑之flex布局 在这里写一下使用flex布局的心得，它和float流失布局不一样，使用它基本上可以只用一个层级就可以完成所有的布局，因为他是自起始端到末端，线性布局，..[详情]