-
图片延迟加载处理的实现
所属栏目：[经验] 日期：2018-10-09 热度：102
页面中图片过多能够让图片延迟加载会大大提高页面的加载速度，提高用户可用性。 1、有的页面是页面过长或过宽，可以考虑只加载显示区域附近的图片。 2、图片所在窗口不显示，比如Tab内容切换，内容轮播等也要考虑把没有显示的图片延迟加载 第一种情况推荐[详细]
-
表单中的隐藏域重置
所属栏目：[经验] 日期：2018-10-09 热度：89
在 DOM 中，表单重置非常简单，使用 input type=reset 或者 button type=reset 即可。原生 DOM 也提供了 reset() 方法用于表单重置。 但是在 Firefox / Chrome 浏览器中，如果字段是隐藏域（type=hidden）的话，使用 reset 是无法将字段值还原为初始值的。[详细]
-
如何使用 CSS3 伪类
所属栏目：[经验] 日期：2018-10-09 热度：64
CSS3 是个好东西，但也很容易被她的变形（transform）和动画（其中许多特性因浏览器厂商而异）特性所迷惑，因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器（最新的 W3C 规范中列出了 16 条）使得我们能够在新的标准范围内[详细]
-
关于CSS Selector的优先级
所属栏目：[经验] 日期：2018-10-09 热度：167
今天在google reader上看到一篇博文，然后在问了组里的几位同事之后才发现自己曾经一直对css selector的理解存在着误区。据说老外的文章中很早就提到了关于css selector是优先级算法，只是到了国内被部分人员翻译之后，误解了其中的含义，导致现在很多人以[详细]
-
CSS自定义滚动条样式
所属栏目：[经验] 日期：2018-10-09 热度：158
相信很多人都遇到过在设计中自定义滚动条样式的情景，之前我都是努力说服设计师接受浏览器自带的滚动条样式，但是这样只能规避还是解决不了问题，最近在项目中遇到了，正好来总结一下。当然，兼容所有浏览器的滚动条样式目前是不存在的。 IE下的滚动条样式[详细]
-
JavaScript计算iframe高度
所属栏目：[经验] 日期：2018-10-09 热度：64
Java Script 计算iframe高度，方便做到高度自适应： Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);[详细]
-
IE6 CSS bug: position:relative变成了absolute
所属栏目：[经验] 日期：2018-10-09 热度：179
BUG描述： 页面中块级元素用了position:relative,bottom=-1px等元素定位,会表现出postion:absolute的行为. 解决方法： 方法1. 为此元素最外层父亲元素添加属性position:relative, 注意是最外层. 方法2. 把此元素的position:relative变成默认的static定位,[详细]
-
利用 iframe 假装异步提交表单
所属栏目：[经验] 日期：2018-10-09 热度：146
异步提交表单，但需要跨域，POST 是靠不住的，幸好 YUI3 提供了强大的 Y.Get.script 模块。后来，伟大的饺子哥说，可以直接用 Form 提交，纳尼？看看代码吧 ： iframe name=mangguo/iframe假如有个表单： form method=post action=http://www.mangguo.org/[详细]
-
Css控制图片大小，自适应缩放，兼容IE6和Firefox
所属栏目：[经验] 日期：2018-10-07 热度：72
Css控制图片大小，自适应缩放，兼容IE6和Firefox，例如我们在日常的网站设计当中，总是会遇到这样的问题，图片大小未知，而我们设计的网站内容区域的宽度是一定的，如果给所有图片设置等量的宽度显示是不行的，通过查询CSS手册，我们知道max-width和max-he[详细]
-
基于HTML5的小球物理测试系统，附实现原理
所属栏目：[经验] 日期：2018-10-07 热度：84
在线演示：基于HTML5的小球物理测试系统 源码下载：点击进入下载页 功能说明： 一个基于HTML5 canvas的小球物理测试系统，用户可以手动为新的小球设置不同的属性值（颜色，半径，速度等），从而在canvas中发射小球，小球在 运动 过程中会收到重力，弹性以[详细]
-
Css技巧：div下图片自适应大小的解决办法
所属栏目：[经验] 日期：2018-10-07 热度：157
今天，烈火网小编的一位站长朋友在修改模板时遇到一个DIV与图片自适应大小的问题，看了一下，这样的问题原因很简单，归结就是没有给div设置高度和宽度，那么当你设置了宽高以后也就无法自适应了，搜索了一下，找到一些解决实例，现在分享给大家： 以前的解[详细]
-
Css 自定义文件上传控件样式（兼容 IE6）
所属栏目：[经验] 日期：2018-10-07 热度：187
要想直接通过 CSS 来控制文件上传控件，基本没戏的。当然也有一些解决方案，例如 Mr.Think 的这篇文章《利用label标签和CSS美化文件上传表单(不兼容IE6)》。昨天也恰好遇到了这个问题，顺手记录下吧。 首先，给 input type=file 元素戴个套子，这样比较安[详细]
-
一行代码解决IE8浏览器兼容问题
所属栏目：[经验] 日期：2018-10-07 热度：140
一行代码解决 IE8 浏览器与IE7之间的兼容性问题，热门的tag非IE8莫属，各浏览器厂商争相发布版本更新，部分网页也存在与IE8的兼容性问题，简单一行代码，让IE8自动调用IE7的渲染模式，只需要在页面中加入meta http-equiv=X-UA-Compatible content=IE=Emula[详细]
-
CSS Hacks for IE，IE 也可以很完美
所属栏目：[经验] 日期：2018-10-07 热度：195
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花，我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言，目前已经有 IE6/IE7/ IE8 三个主要版本，不久的将来还会有 IE[详细]
-
CSS 忍者：安全的 CSS hacks 秘籍
所属栏目：[经验] 日期：2018-10-07 热度：195
你如何搞定 IE 这只难以驯服的怪兽？使用 CSS Hacks 或者条件注释么？恐怕没有什么解决方案是完美的。每个设计师或者前端码农都会有自己打败 IE 行之有效的方法。所有这些技术都各有利弊，让我们一起来看看。 通过条件判断引入样式表 使我们能很容易在 IE[详细]
-
需要掌握的30个最常用css选择器解析
所属栏目：[经验] 日期：2018-10-07 热度：193
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。 1. 星状选择符会在页面上的每一个元素[详细]
-
IE6 下的神奇 CSS 字体 bug
所属栏目：[经验] 日期：2018-10-07 热度：197
一直用的 Aptana 当编辑器，这玩意儿有一个很强大的代码格式化功能。你看： 不过格式化后就出问题了，注意格式化后 font 属性的写法。问题出在 font 属性的合并写法，12px 和 1.5 之间除斜杠之外的空格，IE6 下会导致后面设置的 arial 字体不生效。也就是[详细]
-
input标签与图片按钮水平对齐的解决方法
所属栏目：[经验] 日期：2018-10-07 热度：172
在日常的网页制作当中，我们可能会遇到input标签与图片在同一行的情况，这时候你会发现，无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日，烈火小编的朋友就来咨询，说他也遇到了这个问题，并且使用margin、padding等Css语法，都[详细]
-
纯英文纯数字 CSS 强制折行代码
所属栏目：[经验] 日期：2018-10-05 热度：66
文字折行经常被测试拿来当 bug 提，这种蛋疼的事情还是写个公共类了事吧! 将以下代码放在CSS文件中即可： .break-word { word-wrap: break-word; break-word: break-all; } （文章来源：芒果小站）[详细]
-
分享16个优秀的CSS3表单开发教程
所属栏目：[经验] 日期：2018-10-05 热度：133
CSS3给Web开发带来了革命性的影响，以前很多需要 Java Script才能实现的复杂效果，现在使用CSS3就能简单的实现。今天这篇文章和大家分享16个优秀的CSS3表单开发教程。 1. Create a Stylish Contact Form with HTML5 CSS3 2. Create a Slick CSS3 Login For[详细]
-
解决IE6 select z-index无效，遮挡div的bug
所属栏目：[经验] 日期：2018-10-05 热度：183
在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用 j[详细]
-
不要使用value作为li的自定义属性
所属栏目：[经验] 日期：2018-10-05 热度：109
如果想利用DOM的自定义属性，不要给li设置value，不管给li的value属性设置什么值，返回的都是整型值。 但是，如果通过getAttribute还是能获得真实属性值的。而用obj.value和 jQuery 等类库中的attr方法是不行的。 来源：http://www.iliawang.com/[详细]
-
让 Chrome 崩溃的 CSS 代码
所属栏目：[经验] 日期：2018-10-05 热度：79
让 Chrome 崩溃的 CSS 代码，请看下边的CSS。点击查看DEMO（请使用谷歌Chrome浏览器） Copy to Clipboard 引用的内容：[www.veryhuo.com]background-image: -ms-radial-gradient(center bottom, ellipse closest-corner, #4B8BEE 0%, #78AAF6 100%); backg[详细]
-
学习HTML5的10个顶级资源
所属栏目：[经验] 日期：2018-10-05 热度：145
HTML5已经成为互联网行业的最新流行语，不少人相信这是Web的未来。即使没有加入该社区的人也承认，HTML5包括了本来应该从一开始的HTML规范中包含的功能。在这篇文章中，我们将告诉你大约10 个HTML5的资源，让您现在开始使用该技术。 1)HTML 5工作草案标准[详细]
-
onmouseover的td里面有a标签时晃动
所属栏目：[经验] 日期：2018-10-05 热度：117
这是因为当鼠标移动到td里面的 a 上时，td 的 onmouseout 事件会被触发。 然后 a 的 onmouseover 被触发，由事件传递链，向上又发送到td, 因此 td 的 onmouseover 再次触发，于是就会有闪烁了。 有两种方法可以解决，第一，在 td 的onmouseout 中，对 event[详细]
