css

svg click事件失效(仅限edge浏览器)

1、重现问题:如果直接在svg绑定click事件,在edge内核中是不灵敏的,在edge内核中只有点击svg边缘部分才会触发click事件 2、解决方法然后在a标签上绑定click事件即可。 3、关于pointer-events: none;介绍 pointer-events: none; Note:如有更好的解决方案请大家一起分享噢 关键字:css, html, html

纯CSS实现下拉菜单导航

前言:本题是网易云课堂的前端微专业《页面制作》课程的作业题,当时对题意理解错误没有实现题目要求,成了心中永远的痛,所谓念念不忘必有回响,在学校图书馆花了几个小时做出来并对相关知识点进行了总结,写了这篇博文。好,进入正题。1.需求:当鼠标hover到按钮上时,出现下拉菜单导航条。2.HTML结构按钮 1. 下拉菜单项 1. 下拉菜单项

《DOM编程艺术》中CSS—DOM的总结(一)

前言:前面是纯总结,后面实现了一个用DOM改变样式的Demo。-------------------开始-------------------------1.元素节点的style属性HTML文档中每个元素节点都有一个style属性,style属性包含着元素的样式,查询这个这个属性将会返回一个对象,节点对应的样式都存放在这个style属性里。一个Demo:可以弹出弹窗,返回标

切图崽的自我修养-SeaJs重要概念剖析

前言高能预警,前方山路十八弯在上一篇文章里简单的讨论了一下模块化Js, 先来回顾一下目前模块化的两大规范:CommonJs 同步加载模块规范AMD/CMD 异步加载模块规范其中CMD规范的产出是国内目前十分火爆的SeaJs, 这篇文章主要是解释几个使用SeaJs会碰到的重要概念具名模块匿名模块路径即ID原则匿名模块SeaJs定义匿名模块一般采用如下的方式:define(f

浅谈line-height

基础知识有4种模型,分别是块,块盒模型 containing boxing,包括line行内盒模型 inline boxing ,包含content行模型 line boxing,包含inline,line高度是由最高的inline元素决定.内容区域 content area这部分内容可以着重看 这里有详细的介绍。line-height与line boxes高度由上面的内容

切图崽的自我修养-优化图片加载流程

前言优化! 又是优化!切图崽们作为整个web应用的纽带,连接着用户行为和机器性能. 而优化的最终意义,在于在这两者之间取得一个最佳的平衡点.对于图片资源的加载来说,更是如此. 今天我们就来简单说说,项目开发中常见的图片加载优化方式.预加载1.遮罩大法我们经常用jquery, jquery中$(function){})实际上是DOMContentLoaded事件完成的回调,只

Tree v3.5 Demo 演示 OutLook 样式的左侧菜单

简介为了让朋友们更容易的学习 zTree,官网给出了大量的 Demo,不同的图标,不同的风格,好学易懂,这是官网链接:zTree v3.5 Demo 演示。由于工作需要,这里只是把组合功能中OutLook 样式的左侧菜单参考Demo源码实现了,分享给大家我的学习所得。Html和CSS下载zTree v3.5 Demo 演示的源码,将下图所示的文件整合出来,并创建一个outl

js对象属性

js对象属性有两种访问方式,代码如下:var test={name:'wzh',sex:'man'}var n='name';console.log(test[n]);//第一种:可以动态访问对象属性console.log(test.name);//第二种:不能动态访问对象属性关键字:JavaScript, html5, css, 属性

浮动(Floats)原理与清除浮动

浮动概念浮动元素会脱离文档的普通流,根据float的值向左或向右移动,直到它的外边界碰到父元素的内边界或另一个浮动元素的外边界为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块级元素表现得就像浮动元素不存在一样。浮动影响浮动元素会造成父元素塌陷当给元素设置float之后,元素脱离文档流,父元素没有设置height,造成塌陷。.super{ border:1px

纯CSS实现扁平化风格开关按钮

开关样式预览图css代码部分input[type=checkbox] {visibility: hidden;}.checkbox {width: 120px;height: 30px;background: # FFF;margin: 1px 1px;border-radius: 10px;position: relative;}.checkbox:before {con