- 博客(15)
- 资源 (2)
- 收藏
- 关注
原创 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
964
转载 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
244
原创 各浏览器兼容
1,首先按 浏览器兼容这篇调整,注意各种写法的顺序2,实在调试不行,那就使用条件注释<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endi...
2020-04-14 12:16:39
211
原创 页面加载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
128
原创 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
164
原创 CSS实现div内文字显示两行,超出两行部分省略号显示
在搭建前台文章列表中,需要实现div内文字显示两行,超出的则省略号显示。找了很多,都貌似只能一行显示。最后在百度知道找到答案。答案转自百度知道,题主的自答。用的是-webkit-私有属性。text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-b...
2020-02-20 09:03:53
1203
原创 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
187
原创 印刷尺寸A4
设计:宽:210 高:297 420*297 4961*3508成品:宽:205 高:285 410*285 4843*3366出血尺寸如图:
2018-07-26 11:27:25
823
原创 浏览器
<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
215
转载 字母不换行
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
989
原创 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
1074
转载 z-index层级无效
最近在写一个小项目,遇到很多小细节的问题,果然还是要实战才能知道自己的不足之处啊~回归正题,我在一个div明明设置了属性z-index,但是为什么在网页上显示无效呢?首先排除设置的层级不够的问题;然后我就去 W3School 查询了才知道问题所在。 先来看官方给的定义的用法:z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释:元素可拥有负的 z...
2018-03-12 10:31:57
258
转载 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
3708
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人