关闭

网站常用效果

131人阅读 评论(0) 收藏 举报
分类:

设置透明度:(不影响层内容)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代替

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1883次
    • 积分:101
    • 等级:
    • 排名:千里之外
    • 原创:8篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条
    文章分类