CSS3关于z-index不生效问题的解决
最近写CSS3和js结合，遇到了很多次z-index不生效的情况： 1.在用z-index的时候，该元素没有定位（static定位除外） 2.在有定位的情况下，该元素的z-index没有生效，是因为该元素的子元素后来居...
使用CSS的border-radius属性 设置圆弧
现象： 将div变为有一定幅度的圆形、椭圆形等 方法： 使用css的border-radius 属性进行设置 CSS3 border-radius 属性：向 div 元素添加圆角边框： 一：首先建立一个div 二：给div设置圆角边框的...
CSS3 边框效果
什么是CSS# CSS(Cascading Style Sheets的缩写)，翻译为“层叠样式表”或“级联样式表”，简称样式表。 CSS的主要作用# 它主要是用来给HTML网页来设置外观或样式。外观或样...
flex布局实现每行固定数量+自适应布局
本文介绍了flex布局实现每行固定数量+自适应布局，分享给大家，具体如下： 效果展示 解析 <div class="template" v-for="(item,templateIndex) in 7"> <div @clic...
css3中less实现文字长阴影(long shadow)
本文主要介绍了css3中less实现文字长阴影，分享给大家，具体如下： 问题 实现如下图效果 主要知识点 css中的字体阴影 text-shadowless 语法中的 loops 和 merge代码 <div class="long-s...
CSS3实现歌词进度文字颜色填充变化动态效果的思路详解
播放音乐时，歌词会随歌曲的进度逐渐填充颜色，不是逐字改变颜色，而是从左向右横向逐个像素改变的，也就是说会出现一个字的左右两边是不同颜色的效果。 这个效果通过CSS3可以实现。 实现思路：...
使用智能 CSS 基于用户滚动位置应用样式
通过将当前滚动偏移量添加到到 html 元素的属性上，我们可以根据当前滚动位置设置页面上的元素样式。我们可以使用它来构建一个浮动在页面顶部的导航组件。 这是我们将使用的 HTML，<header&g...
CSS实现半透明边框与多重边框的场景分析
场景一： 实现半透明边框： 由于CSS样式的默认行为，背景色的渲染范围是 content+padding+border。 半透明边框被主调色影响, 实现的效果为 解决方案： 使用background-clip 属性规定背景的绘制...
使用css画一个文件上传图案
如下图，如果是你，你会怎么实现： 通常我们会通过字体图标来显示中间的加号，外层用一个div包裹即可；或者使用伪元素来模拟中间的一横一竖，这都比较麻烦。 其实我们可以直接使用div+css就可以...
CSS通过letter-spacing属性 控制字与字间隔
letter-spacing 属性：增加或减少字符间的空白（字符间距）。 该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，no...