xj_li-优快云博客

转载常用的CSS Hack技术集锦

常用的CSS Hack技术集锦一、什么是CSS Hack？不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。CSS Hack常见的有三种形式：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack， Ha

2016-05-27 13:31:20 555

转载 Sublime Text自定制代码片段(Code Snippets)

在编写代码的整个过程中，开发人员经常会一次又一次的改写或者重用相同的代码段，消除这种重复过程的方法之一是把我们经常用到的代码保存成代码片段(snippets)，这使得我们可以方便的检索和使用它们。为了提高你的编码效率，Sublime Text提供了一种让你可以轻松添加自定义代码片段的功能。这篇文章中，我们将看到在Sublime Text中如何创建、管理以及使用代码片段来极大的简化我们的工作

2016-05-27 12:31:59 11023

原创 jquery点击空白处隐藏弹出层的写法

jquery点击空白处隐藏弹出层的写法点击按钮展开弹出层以及点击关闭按钮关闭弹出层的效果，都很简单，但是展开弹出层后点击空白处也能关闭弹出层的效果，一开始对我来说却是有点难度的，研究了一下，分享给大家看看。html代码内容按钮的代码jquery代码$(function(){ showCover(); closeCove

2016-05-25 11:09:56 3154

转载 css中网页图片下方多出几像素问题分析

css中网页图片下方多出几像素问题分析网页的图片下方会多出来 3 ~ 5 个像素，无论那个浏览器都是这样的。其实 img 属于 inline 元素，inline 因为受到字号和行间距的影响底部留出了一段距离，距离与字体大小有关，为了解决字母占位不同所导致的问题，那解决办法就很多了，比如：img { display: block;}或者：.box

2016-05-24 16:58:00 1158

转载二、svg基本图形和属性

svg基本图形和属性• 基本图形‣ 、、、、、矩形圆形椭圆直线折线多边形• 基本属性 fill、stroke、stroke-width、transform

2016-05-24 15:56:21 855

转载一、svg的四种使用方式

一、svg的四种使用方式1.在浏览器中直接打开svg格式的图片2.在html使用标签使用原始大小50 x 50400 x 4003.直接在html中使用svg标签<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">

2016-05-24 15:41:04 8370

转载如何做像百度图片那样，图片大小无规则的排版?

3 解决方法（具体下面会有图示）①确定一个变量。由于当前的浏览器宽度是固定的，因此可以根据浏览器宽度范围制定一个标准高度，类似CSS的媒体查询(media query)；②初次变换。所有图片宽度根据这个标准高度作宽度的等比例缩放；③创造容器。每行建立一个div，并装入尽可能多的图片，直到容器装不下；④第一步调整。每行根据自己与目标宽度（当前浏览器宽度）的差值，再等比

2016-05-24 14:48:32 1323

转载 easyui页面一打开的时候出现短暂混乱的问题，解决办法

很多同学在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候，页面的并不是马上就展现，而是会有一个混乱的过程，之后一闪就又好了。其实这个就是因为easyui是在dom载入完毕之后才会对整个页面进行解析，解决办法：要解决这个问题其实只要好好利用这个onComplete 事件在结合一个载入遮罩就解决问题了。首先你在body下面第一行加入一个载入提示遮罩div

2016-05-24 14:38:16 5483 1

原创图片铺满整个浏览器，兼容ie8的写法

.bg-ie8 { display:none;display /*\**/:inline\9 ;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;}

2016-05-24 14:35:47 1019

原创 echart如何设置饼图的颜色以及柱状图颜色

var option = { tooltip: { trigger: 'item', formatter: "{a} {b}: {c} ({d}%)"

2016-05-24 14:18:30 22679

原创 echart中国地图，多地图案例

1.多地图案例2.中国地图

2016-05-24 14:09:02 6285

原创为什么给行内块级元素inline-block添加margin-top为负值的时候不起作用？

一个盒子为行内块级元素，即 display:inline-block; 给该元素添加margin-top:-10px;负值不起作用，这是为什么呢？解决办法（我使用的最多）：1.给该盒子的父级添加属性：font-size:0;(这个方法比较简单，但是也有一些问题，会影响到子元素的字体大小)这个方法同样适用于取消inline-block盒子之间的空隙的问题同时总结一下i

2016-05-24 13:57:52 1926

xj_li的博客