风雨飘飘飘啊飘

2017年9月12日

background-position设置

摘要：设置背景图片的位置：background-position:x y; 其中x和y可以为百分比也可以为像素阅读全文

posted @ 2017-09-12 15:58 风雨飘飘飘啊飘阅读(152) 评论(0) 推荐(0)

input的placeholder的颜色、字号、边距设置

摘要： input的placeholder 阅读全文

posted @ 2017-09-12 15:43 风雨飘飘飘啊飘阅读(3634) 评论(0) 推荐(0)

background和background-image一点小区别

摘要：如果使用background-image属性，则no-repeat不能使用，因为其对background-image不起作用。可以使用background属性，再设置no-repeat。阅读全文

posted @ 2017-09-12 09:43 风雨飘飘飘啊飘阅读(422) 评论(0) 推荐(0)

2017年9月8日

input或其他元素的左上角和左下角单独圆角实现

摘要： border-bottom-left-radius:6px;/*左下角圆角*/ border-top-left-radius: 6px;/*左上角圆角*/ 阅读全文

posted @ 2017-09-08 12:00 风雨飘飘飘啊飘阅读(1167) 评论(0) 推荐(1)

2017年8月31日

验证数字的正则表达式合集

摘要：验证数字的正则表达式集验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,}$ 验证m-n位的数字：^\d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9]*)$ 验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 验证有1-3位阅读全文

posted @ 2017-08-31 16:24 风雨飘飘飘啊飘阅读(186) 评论(0) 推荐(0)

使用clipboard插件实现div、textarea、input里面的内容复制到粘贴板

摘要：一、引用clipboard的js文件二、编写代码。data-clipboard-action=“copy”，代表要执行的动作是复制。data-clipboard-target里面要是要选择复制的元素。三、编写js代码，新建的一个clipboard对象选择的是复制按钮的class，也可换成id或者阅读全文

posted @ 2017-08-31 13:33 风雨飘飘飘啊飘阅读(1024) 评论(1) 推荐(0)

2017年8月30日

清除ie10+浏览器的input输入框后面会出现的x号和闭眼logo

摘要： x号：::-ms-clear{display:none;}闭眼logo： ::-ms-reveal{display:none;}tips:如果在外部引用的css里面没有作用，可以在写本页面的<style></style>里面，可能是优先级别不够，坑。。。。阅读全文

posted @ 2017-08-30 09:38 风雨飘飘飘啊飘阅读(250) 评论(0) 推荐(0)

2017年8月29日

子div作为遮罩层

摘要：效果图：子div的代码：阅读全文

posted @ 2017-08-29 13:38 风雨飘飘飘啊飘阅读(163) 评论(0) 推荐(0)

2017年8月25日

input的类型为number，限制输入的数字位数

摘要：当input的type为text的时候，使用maxlength可以有效限制输入长度。 <input type="text" maxlength="5" /> 但是当type为number的时候，设置maxlength限制输入长度就会失效，长度可以无限输入。 <input type="number" 阅读全文

posted @ 2017-08-25 10:59 风雨飘飘飘啊飘阅读(4192) 评论(1) 推荐(0)

2017年8月11日

img适配问题解决方法

摘要：将img放到background中，将background-size设置为100%；只需要适配背景为img的元素的宽和高即可。阅读全文

posted @ 2017-08-11 11:08 风雨飘飘飘啊飘阅读(358) 评论(0) 推荐(0)

风雨飘飘飘啊飘

公告