网站常用效果

设置透明度：（不影响层内容）background-color:rgba(255,255,255,0.15);

蓝色三角形：

.caret { width: 0;height: 0; border-width: 0 20px 20px; border-color: transparent transparent blue;border-style: none dotted solid;}

<div class="caret"></div>

修改input  readonly的样式

input[readonly]{}

最多显示两行，超出后显示...的写法：
    word-wrap: break-word;//可不写，这是英文单词换行的写法。
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

文字换行问题：
强制换行
    word-break: break-all;   只对英文起作用，以字母作为换行依据。
    word-wrap: break-word;   只对英文起作用，以单词作为换行依据。
    white-space: pre-wrap;   只对中文起作用，强制换行。
禁止换行
      white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
 
chrome中input输入框背景为黄色：
-webkit-box-shadow: 0 0 0px 1000px white inset;

返回Top的写法：
$("html,body").animate({scrollTop:0},1000);
$("html,body").animate({scrollTop:$("#qy_name").offset().top},1000);//1000是ms,也可以用slow代替