21.SQY---日常工作小知识点汇总

 

 1展开全部带有阴影

.article-all{
    width: 100%;
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff));
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
    padding-bottom:0.2rem;
    position: relative;
    z-index: 9999;
    padding-top: 1.6rem;
    bottom: 0;
    margin-top: -1.6rem;
}

文章展开全部的原理是限制文章的高度，

height:4rem;//固定数值

overflow: hidden;
当点击展开全部的时候 height：auto !important;


2.清除select自带三角形样式
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;