溪雪-优快云博客

safrai浏览器是把z-index直接忽略了。层级设置：Android 端：z-index.XX{ z-index: 2;}ios 端：translateZ.xx{ transform: translateZ(1000px);/*可设负值*/}给某元素设置层级时可同时设置z-index和translateZ，Android和ios互不影响。...

2022-03-30 11:11:23 2782

原创 CSS实现第一行居中，第二行左对齐

html:<div class="content"> <p>XXXXXXX</p></div>css:.content { text-align: center;}.content p { text-align: left; display: inline-block;}

2022-03-07 09:54:41 1290 1

原创 js调整已有元素位置（顺序）

$(content).prependTo(selector)content为要插入的内容（可包含 HTML 标签）比如：<div class="list"> <div class="r1">1</div> <div class="r2">2</div> <div class="r3">3</div></div>调整r3到r1前面$(".r3").prependTo...

2021-11-24 16:27:13 2046

原创如何设置是否将padding、border、margin的值算入width和 height里面

使用box-sizing属性box-sizing:border-box设置box-sizing:border-box后，就会将padding、border、margin的值算入width和 height里面去了，使得总元素的宽度 = width的值、总元素的高度 = height。box-sizing: content-box其实就是默认的，将padding、border、margin的值不算入width和 height里面去。box-sizing: inherit继.

2021-11-10 11:23:04 2606

原创 CSS 设置图片旋转角度

img{ transform: rotate(XXdeg);}

2021-10-08 09:58:24 3009

原创 js 兼容iOS的时间计算时间差

var start = "2016/11/11 11:11:11".split(/[- : \/]/);var date1 = new Date(start [0], start [1]-1, start [2], start [3], start [4], start [5]);var end= "2016/11/11 11:11:31".split(/[- : \/]/);var date1 = new Date(end[0], end[1]-1, end[2], end[3],...

2021-08-04 18:16:50 671

原创 ios系统 video网页内播放

2021-07-28 14:44:41 1017

原创 css给第一个元素或最后个元素设置样式

XXX:nth-of-type(1){ margin-top: 0;}XXX:last-child{ margin-bottom: 0;}

2021-06-10 15:48:31 7713

原创 jQuery 获取跨层级父级、子类元素

父级：$(this).parents("XXX");子类：$(this).find("XXX");

2021-05-27 14:37:09 698

原创 jquery 获取当前元素是父级元素的第几个同类名元素

HTML:<div class="option_cell"> <span class="cl">0</span> <span class="cl">1</span> <span class="cl">2</span> <span class="cl">3</span> <span class="cl">4</span> <span

2021-05-27 14:28:35 755

原创 js中eq neq gt gte lt lte分别是什么意思，如何应用

含义：eq ： EQUAL等于neq ： NOT EQUAL不等于gt ： GREATER THAN大于　lt ： LESS THAN小于gte： GREATER THAN OR EQUAL 大于等于lte ： LESS THAN OR EQUAL 小于(索引是从0开始)应用：例：$("XX").find("span:lt(" + (n + 1) + ")").addClass("active");给XX的子元素中前n+1个span加class例：$("XX").find.

2021-05-25 13:54:17 5956 2

原创 js判断是否是微信浏览器

function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; }}

2021-05-21 16:08:28 1206

原创 css美化滚动条

::-webkit-scrollbar-track-piece { background-color: #fff; -webkit-border-radius: 0;}::-webkit-scrollbar { width: 8px; height: 8px;}::-webkit-scrollbar-thumb { height: 50px; outline-offset: -2px; outline: #fff solid 2px; .

2021-04-21 10:40:49 192