随笔分类 - css
前端开发技术css
当输入框被软键盘挡住的处理方法
摘要：一、现象 在真机中，当光标作用信息发送框唤起软键盘时，键盘会把输入框盖住一大半。如图： 唤起前： 唤起后： 二、解决 1、输入框设置adjust-position=“false”属性（adjust-position为表单组件键盘弹起时，是否自动上推页面） 2、当输入框获得焦点时，获取软键盘的高度 3
阅读全文
iphone中button按钮显示为圆形解决
摘要：iphone中button按钮显示为圆形解决:添加样式：-webkit-appearance:button;如果需要为直角：border-radius:0在源码中添加如：style="-webkit-appearance:button;border-radius:0"在外链中添加 ：-webkit...
阅读全文
HTML5实现摇一摇
摘要：一、原理：利用devicemotion获取移动速度，得到device移动时相对之前某个时间的差值比二、效果图：三、源码：//先判断设备是否支持HTML5摇一摇功能if (window.DeviceMotionEvent) { //获取移动速度，得到device移动时相对之前某个时间的差值比 wind...
阅读全文
屏蔽双击选中文字的方法
摘要：FF用样式 ：-moz-user-select:none;FF以外的浏览器用：onselectstart="return false"（直接加在需要作用的标签）eg: 你选不到我。。。（屏蔽双击选中文字的区域）
阅读全文
ie6 PNG图片透明
摘要：_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/videoTips.png, sizingMethod='crop');tips: 视频透明添加 wmode="transparent"
阅读全文
css给网页添加 黑白滤镜
摘要：<style type="text/css"> /*给网页添加 黑白滤镜*/ html{ /*兼容FF*/ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333
阅读全文
在网站前端中，你可能会用到的这些…
摘要：一、设置字体的行间距为3PX ： letter-spacing:3PX ; 二、为投票所显示分值设置首字下沉并变大点 ： XXX:first-letter {font-size:150%;font-weight:bold;float:left;} 注： float:left; 有起到下沉的效果； 三
阅读全文
文字换行
摘要：一、一般来说，在DIV中实现文字换行时 用word-wrap:break-word 即可！二、而一般在做后台时，经常会用到TAB表格，在TAB中实现文字或英文换行时用：table td,table th { wrap-word:break-word;word-break:break-all;}
阅读全文
定义图像映射中的区域（给图片热点区域加链接,常用于地图）
摘要：注： １、usemap是标签的一个属性，用作指明所使用的图像地图名； 2、作用是图像地图把一幅图像分成若干个区域，点击不同的区域会进入不同的页面。
阅读全文
动感图文轮显
摘要：一、效果图： tips:源码下载地址：http://files.cnblogs.com/waitingbar/sliderImgTxt.rar二、源码show:<script language="javascript" src="js/jquery1.4.js"></script> <script language="javascript" src="js/sliderImgTxt.js"></script> <script language="jav
阅读全文
