hiro_1015的博客

1.position：sticky；当元素在容器中被滚动超过指定的偏移值时，元素在容器内固定在指定位置。亦即如果你设置了top: 50px，那么在sticky元素到达距离相对定位的元素顶部50px的位置时固定，不再向上移动（相当于此时fixed定位）。...

最近遇到要下载pdf的需求，于是一顿乱敲代码，成功。代码如下，axios请求里的代码复制粘贴即可使用： getAgreementDetailRequest().then(res => { console.log(res); let url = window.URL.createObjectURL(new Blob([res])) console.log(url); let link = document.createElement.

CSS样式命名 说明 网页公共命名 #wrapper或#wrap 页面外围控制整体布局宽度 #container或#content 容器,用于最外层 #layout 布局 #head, #header 页头部分 #foot, #footer 页脚部分 #nav 主导航 #subnav 二级导航 #menu 菜...

<a href="JavaScript:void(0);"></a>javascript:void(0);字串处可以用'#'也可以用'javascript:'，但是#会默认指向页面顶端，因为该标志是锚点标志，而后者不带void(0)的写法也可以，但不是一个好的写法习惯，因此推荐上例写法。用途可以用于一些特殊的页面特效一定要有A标签，并且希望A标签不会起到除了作为一个标签...

css实现强制不换行/自动换行/强制换行 1. 强制不换行div{ white-space:nowrap;}2. 自动换行div{ word-wrap: break-word; word-break: normal;}3. 强制英文单词断行 div{ word-break:break-all; }4. CSS设置不转行...

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;: hidden;text-overflow:ellipsis;white-space: nowrap;...

很久之前写的一篇文章了，今天重新整理一下关于css3背景渐变的写法，至于是怎么来的，可以看下面渐变的详细解释。在项目中，有很多地方都用到了背景线性渐变。如果在移动端还可以适当使用CSS3这个属性css3：linear-gradient比如：黑色渐变到白色，代码如下：.gradient{ background: -moz-linear-gradient(top, #0000...

1.  :before 和 :after 的主要作用是在元素内容前后加上指定内容，示例：HTML代码：<p>你好</p>CSS代码：p:before{ content: 'Hello'; color: red;}p:after{ content: 'Tom'; color: red;}效果如图：以上代...

<textarea STYLE="background-attachment: fixed; background-image: url(背景图所处位置)"></textarea>