css
海盗强
这个作者很懒,什么都没留下…
展开
-
轮播swiper配置选项--前端小技巧
本文主要介绍了swiper配置选项,包含了轮播的无限滚动、懒加载、监听当前位置、上下翻页、过渡动画渐变、延时加载图片、自动轮播等;<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title&a转载 2018-05-24 15:15:12 · 1975 阅读 · 0 评论 -
DataTables在IE8下报'style' 为空或不是对象错误问题 , SCRIPT5007: 无法获取未定义或 null 引用的属性“style”
网页错误详细信息:消息: 'style' 为空或不是对象行: 5570字符: 5代码: 0检查后才发现,问题在于数组最后多了一个“,”,会造成Table列数计算时多了一列。在chrome和firefox下测试都正常,但在IE8下会出现此问题。 转载:https://blog.csdn.net/popper_di/article/details/78707762...转载 2018-08-06 16:03:58 · 5302 阅读 · 1 评论 -
不定宽高的水平垂直居中
方法一:element.style { position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%,-50%); border-radius: 6px; background: #fff;} 方法二:elem...原创 2018-08-24 14:28:34 · 171 阅读 · 0 评论 -
transform-origin子item居中显示
当对外层盒子进行旋转后,盒子里边内容跟着旋转了,但我们需要的是盒子里边的内容正常显示(不旋转),如下图:思路:在盒子里边内容上面包裹一层span标签,对内层的span进行逆向旋转(前提是在外层对内容进行居中显示,否则旋转基点不在外层盒子中心的话,将会导致内容不居中)部分代码参考如下:<div class="icon-group"> <span class=...原创 2019-01-04 18:48:30 · 1021 阅读 · 0 评论 -
ArgumentError: invalid byte sequence in UTF-8 Use --trace for backtrace.
ArgumentError: invalid byte sequence in UTF-8 Use –trace for backtrace. 这个问题在用koala时遇到的 看到utf-8就要想到中文,然后后面有个trace,再想到是不是路径的中文有误,后来把要转化的scss文件放到另一个不带中文的路径就没报错了。...原创 2019-01-05 16:28:30 · 1275 阅读 · 0 评论 -
SASS规则
1.嵌套相当于css中的后代选择2.$变量3.@mixin函数名(参数)相当于js中的函数的功能,就是将一小段代码进行封装,通过传递不同的参数达到不同的效果使用 @include 函数名(参数) 方法对函数进行调用4.@import可以通过@import引入其它的scss文件,相当于将额外的scss文件复制到当前文件5.@extend字面意思是继承,就是防止将...原创 2019-01-07 11:28:20 · 548 阅读 · 0 评论