网站地图    收藏   

主页 > 采坑 > 前端采坑 > css采坑 >

 
  • 元素居中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

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

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

  1. 129条记录

栏目列表一览

入门教程

推荐内容

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com