摘要：
标签点击时会出现虚线框，如何去掉这虚线框呢？在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即：腾讯网而在FF等浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即：a { outline:none;} 阅读全文
摘要：
其实早都做过用css来实现小三角的箭头符号了，不过一直都没静下心来仔细研究，今天正好多看了些，都说好记性不如烂笔头，把所了解到的赶紧记录下来。 大致有两种方法：边框法和字符法。边框法就是利用盒子的边框变化组合形成的各种三角；字符法就是采用菱形的字符◆，然后决定定位把多余的部分溢出掉，该种方法只... 阅读全文
摘要：
第一次来认认真真的研究了下svg图片，之前只是在网上见过，但都是一晃而过也没当回事，最近网站改版看到同事有用到svg格式的图片，想想自己干了几年的重构也没用过，这些细节的知识是应该好好研究研究了。暂时还没研究得完全透切，先记下目前为止所看到的吧不然又给忘了。 svg可缩放矢量图形（Scalable Vector Graphics），顾名思义就是任意改变其大小也不会变形，是基于可扩展标记语言（XML），他严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式，可以用记事本打开，应该更多的使用场景是手机端，因为手机分辩率差异化大。 大家常听说的... 阅读全文
摘要：
在做页面的过程中遇到了一个兼容问题，ie8下的png32图片在用到filter的alpha属性时图片周围会出现黑圈，刚开始以为是图片导出有问题，后来才知道这是ie8的一个bug。 后来分析了下，png32的图片再加上filter:alpha(opacity=70)这个属性就是问了实现图片达到70%的透明效果，解决这个的办法就是在做图片的时候直接在ps里把该图片设置成70的透明度即可，css里就无需用到filter:alpha(opacity=70)，这样除了ie6的其他浏览器都没问题；再针对ie6做一张专门的图片，ps里透明度设置成100，再在css里加上这个属性即可_filter:al... 阅读全文
摘要：
IconFont的作用就是用字体的格式来取代图片、特殊字体的展示，用得比较多的就是一些纯色的图标，具体主要由当前css3属性里的自定义字体(@font-face)来实现。1、先来说下它的优缺点：优点：体积比图片小，可以变化大小和颜色，而图片则是不可以的；缺点：由于是字体模式，所以只支持纯色，多颜色不支持。2、该如何使用 2.1、字体的格式，不同浏览器支持的字体格式是不一样的，具体如下：webkit/safari：支持TrueType/OpenType(.ttf)，OpenType PS(.otf)，iOS4.2+支持.ttf，iOS 4.2以下只支持SVG字体；Chrome：除webkit支. 阅读全文
摘要：
元旦节男朋友陪着我买了部期待已久的m9，要说的是这9妹真的是来之不易呀，早上7点十五起床，8点半里屯的魅族店。下了公交车，走在在路上朋友还跟我说可能我们之前只有几十人左右呢，我们还一路高兴的往魅族专卖店走去。我们是从那个商场的口进的，因为魅族专卖店为了大家能更好的排队，他们的那个门不让进。我们很快的进入商场门去，进去的那一刹那，我们俩都惊呆啦，只见一条长长的队伍，只见头部见尾。随着工作人员的指导，我们顺着队伍找到了队尾，都到了商场的另一个出入口啦。一打听，我们之前的都人又四五百人啦，不幸运的是工作人员告诉我们说在我们这个位置是肯定拿得到机器的。接下来就不用说啦，我们老老实实的排队，等待.... 阅读全文
摘要：
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：do... 阅读全文
摘要：
/* 最小寬度 */.min_width{min-width:300px;/* sets max-width for IE */_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");}/* 最大寬度 */.max_width{max-width:600px;/* sets max-width for IE ... 阅读全文
摘要：
今天在蓝色上无意中看到pointer-events属性，很好奇，以前还从未使用过这个属性，原来它的作用是：当一个元素覆盖在另一个元素上，而我们又想点击被覆盖的那个元素，这时这个属性就派上用场了。 pointer-events的默认属性为auto，如我们要想实现上面的效果则应把它的属性设为none；不过到目前为止，仅Firefox 3.6+、Safari 4 和Google Chrome支持该属性... 阅读全文
摘要：
最近发现lazyload插件在网上特火，好多大网站都用到了这技术，就是网页加载当前可视的范围内的图片，不可视的页面的图片暂时是不会被加载的，随着鼠标的滑动往下的图片也一点点被加载。它减轻了服务器的加载负担，提高了网页加载速度。1、要想实现着效果，首先得载入jquery.js和lazyload.js插件，在页面js里得加上“$("img").lazyload()；这表示此页面上所有的图片... 阅读全文