- 博客(15)
- 资源 (2)
- 收藏
- 关注
RSS订阅
1原创 textarea多行文本框高度自适应
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <textarea onpropertychange="this.style.height=this.scrollHeight+'px'" oninput="this.style.height=this.scrollHei.
2020-05-21 16:09:16
898
转载 js将手机号中间四位变成*号
方法一、利用数组splice，split，join方法var tel = 18810399133;tel = "" + tel;var ary = tel.split("");ary.splice(3,4,"****");var tel1=ary.join("");console.log(tel1);方法二、利用字符串的substr方法var tel = 188...
2020-04-14 14:50:47
216
原创 各浏览器兼容
1，首先按 浏览器兼容这篇调整，注意各种写法的顺序2，实在调试不行，那就使用条件注释<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endi...
2020-04-14 12:16:39
182
原创 页面加载flash
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1000" height="279"> <...
2020-04-13 10:20:04
110
原创 jquery获取高度
$("#div_id").height();// 获得的是该div本身的高度, (不包含padding,margin,border)$("#div_id").outerHeight();// 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)$("#div_id").outerHeight(true);// 包含该div本身的高度, ...
2020-03-17 16:31:07
137
原创 CSS实现div内文字显示两行，超出两行部分省略号显示
在搭建前台文章列表中，需要实现div内文字显示两行，超出的则省略号显示。找了很多，都貌似只能一行显示。最后在百度知道找到答案。答案转自百度知道，题主的自答。用的是-webkit-私有属性。text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-b...
2020-02-20 09:03:53
1145
原创 font-face支持IE8
发现ie8显示不出来字体，折腾了半天，是@font-face的顺序写错了。正确的应该是这样：@font-face {font-family: "yhg";src: url(../fonts/yhg.eot);src:url(../fonts/yhg.eot?#iefix) format('embedded-opentype'), ...
2019-03-13 16:33:54
161
原创 印刷尺寸A4
设计：宽：210 高：297 420*297 4961*3508成品：宽：205 高：285 410*285 4843*3366出血尺寸如图：
2018-07-26 11:27:25
736
原创 浏览器
<style type="text/css"> img { width: 300px; >width: 100px;/*IE5*/ } </style><html> <head> <style type="text/css"> img { /*width:
2018-07-13 16:06:43
191
转载 字母不换行
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于：1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为t...
2018-04-23 11:19:30
939
原创 box-shadow兼容IE8浏览器写法
-moz-box-shadow:3px 5px 5px #969696;-webkit-box-shadow:3px 5px 5px #969696;box-shadow:3px 5px 5px #969696;filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);...
2018-03-14 14:31:08
1045
转载 z-index层级无效
最近在写一个小项目，遇到很多小细节的问题，果然还是要实战才能知道自己的不足之处啊~回归正题，我在一个div明明设置了属性z-index，但是为什么在网页上显示无效呢？首先排除设置的层级不够的问题；然后我就去 W3School 查询了才知道问题所在。 先来看官方给的定义的用法：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释：元素可拥有负的 z...
2018-03-12 10:31:57
240
转载 IE10/11不支持条件性注释的3个解决方法
针对IE的条件性注释(Conditional comments)是专门给IE浏览器准备的，其它浏览器根本不能识别这种标记。使用条件性注释可以区别对待的针对浏览器编写CSS等代码。<!--[if IE]><link href="ie.css" rel="stylesheet"><![endif]--><!--[if IE6]><style typ
2018-03-12 10:31:21
3591
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人