摘要：
一、语法： background-position-x : length | left | center | right background-position-y : length | left | center | right 二、取值： length ：百分数 | 由浮点数字和单位标识符组成的 阅读全文
摘要：
项目中需要实现巴蜀地区图,并且将其分为川东、川西、川南、川北四个区域，鼠标悬浮对应区域的区块改变颜色。经过网上查询资料，并未找到现成的区域图，于是就利用SVGDeveloper工具绘制。 一、绘制地图 1、首先找一张地图作为绘制模板; 2、新建svg文件：File --> New --> svg 点 阅读全文
摘要：
平时,用的方法即第一种方法是设置left,top值均为50%,同时margin-left设置为绝对定位元素width的一半取负,margin-top设为其height的一半取负。 例如，绝对定位元素的width:100px;height:100px; 代码如下: 这是比较常用的一个方法，今天介绍一个 阅读全文
摘要：
1.只在webkit内核的浏览器上有效果 2.语法: -webkit-box-reflect: <direction> <offset> <mask-box-image> direction： 倒影偏移方向，有above、below、left和right四个值； offset： 倒影偏移原元素边框边 阅读全文
摘要：
1. 问题现象 先看下面的html结构: 外层div设定了固定宽度，css中ul的宽度未设置(因为li的个数不确定)，当通过javascript动态设置ul的宽度后，会导致li换行。 2. 分析 尝试将ul的宽度增大，问题消失，推测是计算的ul宽度不准确，经过思考推敲，原来是我为li设置了1px的b 阅读全文
摘要：
这里使用的是ECharts 2,因为用EChart 3制作的地图上的省市文字标识会有重叠,推测是引入的地图文件china.js,绘制文字的坐标方面的问题,所以,这里还是使用老版本。 ECharts 2需要require加载模块。html中只需要用script引入echarts.js即可。 具体代码如 阅读全文
摘要：
工作中网页中有一个扇形的导航菜单,以前没有接触过,参考了http://www.w3cplus.com/css3/building-a-circular-navigation-with-css-transforms.html以及原网站http://tympanus.net/codrops/2013/0 阅读全文
摘要：
在做列表时,我们经常会这样写: 在现代浏览器下点击图片或者a标签里的其他部分,均能链接到指定url,但是在ie6,ie7,部分ie8下鼠标hover到img上并没有出现鼠标的手,而且点击也没有反应。 解决方法： 推测是css样式问题，在img的父元素div上，我设置的css有： overflow: 阅读全文
摘要：
布局网页时,需要把header固定在上方。直接使用position:fixed;现代浏览器以及ie8以上均正常显示,但是ie7中,header里面的子元素设置的水平居中并没有效果。做了各种尝试，都没有解决。经过网上查询，固定定位必须要写left和top值，至此问题解决。 阅读全文
摘要：
1.css3有一个属性:background-size:cover;可以让背景图片完全覆盖屏幕，但是IE9以下浏览器无效。 2.IE有个滤镜： 经测试，没有什么效果。 3.有一种方法是：单独在body上放一个div，里面只放一个img，将该div定位最下方。ie，其他浏览器均可，但是img会变形（如 阅读全文