• IE中iframe标签显示在DIV之上的问题解决方案

    在做网页时前端时,使用IE打开时会出现标题栏DIV被遮挡PDF遮挡, 后在stackoverflow中查到是IE浏览器的问题:链接https://stackoverflow.com/questions/12911428/z-index-does-not-work-in-internet-explorer-with-pdf-in-iframe-- 以下是翻译: 有一种方法可以用IE中...

    2019-03-06 07:18:01

  • 不可思议的纯 CSS 实现鼠标跟随效果

    直接进入正题,鼠标跟随,顾名思义,就是元素会跟随着鼠标的移动而作出相应的运动。大概类似于这样: 通常而言,CSS 负责表现,JavaScript 负责行为。而鼠标跟随这种效果属于行为,要实现通常都需要借助 JS。 当然,本文的重点,就是介绍如何在不借助 JS 的情况下使用...

    2019-03-06 07:17:56

  • CSS3 弹性盒子

    理解: CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 设置弹性盒子: 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 弹性容器通过设置 display 属性的值为 fle...

    2019-03-06 07:17:53

  • 多行文本超出后隐藏,超出3行隐藏

    1. 使用插件 clamp.js 可实现多行文本超出后隐藏的功能 2. git地址https://github.com/josephschmitt/Clamp.js 下载后项目引入clamp.js 3.//多行 3行 let demo = document.getElementById('demo') $clamp(demo, {clamp: 3}) 上代码: ! DOCTYPE HTML html head meta ch...

    2019-03-06 07:17:49

  • flex 实例 豆瓣手机端布局实现

    0、最终成品 1、头部布局实现 div class ="module-header" div class ="m-left" style ="background:red" div class ="1" 豆瓣 / div div class ="2" 搜索 / div / div div class ="m-right" style ="background:royalblue" div class ="1" 打开APP / div / div / div...

    2019-03-06 07:17:46

  • css3修改浏览器scroll默认样式

    最近公司的新项目。前端样式采用的蚂蚁金服的antDesign。 比较喜欢antDesign、BootStrap一类简约大方的前端样式库。 但是在页面布局上、包括一些选择框。默认的scroll样式简直丑爆。 遂度娘资料,通过css3进行修改。 /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的...

    2019-03-06 07:17:45

  • 第十三课 CSS外观及样式的应用 css学习3

    一、 1、color: 文本颜色 预定义文本颜色值,如red,blue等 十六进制的颜色值 #fff白色 建议常用的表示方法 RGB代码,如红色可以表示为rgb(255,0,0)或rgb(100%,%0,%0) 2、行间距: line-height line-height: 10px; 3、text-align 文本水平对齐方式 text-align: center;...

    2019-03-06 07:17:44

  • 小tips:使用rem+vw实现简单的移动端适配

    首先设置meta属性,如下代码: meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" 使用如下代码就能实现移动端的适配: html { font-size : -webkit-calc(13.33333333vw) ; font-size : calc(13.33333333vw)...

    2019-03-06 07:17:42

  • vue+element-ui实现行数可控的表格输入

    element的table中使用 template slot-scope ="scope" / template 包裹想要插入的input,或者select等HTML元素,el-table绑定一个的数组对象,在input或者select等HTML元素使用v-model="scope.row.graduationSchool",graduationSchool为该HTML在table绑定数组对象的对...

    2019-03-06 07:17:41

  • px妙转rem

    px:像素,相对长度单位,相对于显示器屏幕的分辨率而言(其实我个人认为可以理解为固定单位); rem:这是个web前端中的新成员,是CSS3中新增的一个相对单位。相对的只是html根元素; 1、设定两个盒子(举例) 1 !-- 指定两个盒子 -- 2 div class ="box1" / div 3 div...

    2019-03-06 07:17:41

2