摘要： 首先，什么是CSS hack? 　　针对不同的浏览器写不同的CSS code的过程，就叫CSS hack! 　　CSS hack由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 　　这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。 CSS Hack的原理是什么 　　由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 　　CSS Hack大致有3种表现形式，CSS类内部Hack、选择器Hack以及HTM 阅读全文

摘要： 在网络营销中，站长经常会遇到一些HTTP状态码的问题，不懂HTTP状态码那么做SEO优化就无从谈起，下面是脉凌网络对HTTP状态码总结的一览表。 　　1xx：请求收到，继续处理 　　2xx：操作成功收到，分析、接受 　　3xx：完成此请求必须进一步处理 　　4xx：请求包含一个错误语法或不能完成 　　5xx：服务器执行一个完全有效请求失败 　　100——客户必须继续发出请求 　　101——客户要求服务器根据请求转换HTTP协议版本 　　200——交易成功 　　201——提示知道新文件的URL 　　202——接受和处理、但处理未完成 　　203——返回信息不确定或不完整 　　204——请求收到，但返回信息为空 　　205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件 　　206——服务器已经完成了部分用户的GE 阅读全文

摘要： 1、Meta 之 viewport 说到移动平台meta标签，那就不得不说一下viewport了，那么什么是viewport呢？ viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域 。对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在iphone上我们 的webapp在竖屏下通常宽度都是320，这时我们320页面在iphone上显示成啥效果呢？有人可能认为iPhone不是320的宽度莫，感觉应该 是满屏的吧，事实呢？我们来看一下如下布局在iPhone上的显示情况... 阅读全文

摘要： FlexSlider是一个非常出色的jQuery滑动切换插件，它支持所有主流浏览器，并有淡入淡出效果。适合所有初级和高级网页设计师使用。不过很多人都只是使用默认的参数，今天来说说具体的参数来给大家看看！ $(window).load(function() { $('.flexslider').flexslider({ animation: "fade", //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动 slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向：左右或者上下 slidesh 阅读全文

摘要： 未来兼容性中的 META 标记和锁定 注意：本文档是预备文档，随时可能变更。 对于 Web 开发人员来说，文本兼容性是一个要考虑的重要问题。Windows Internet Explorer 8 引入了文本兼容性模式，该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页，从而允许开发人员选择更新时间。 本 文档将介绍由 Windows Internet Explorer 8 支持的文本兼容性模式，以及如何使用自定义标头基于每个页面或每个站点实现这些模式。实现适当的兼容性模式后，可以确保站点与 Windows Internet Explorer 8 及更高版本兼容。 各种兼容性模式 Windows Internet Explorer 8 支持多种兼容性模式，它们可启用不同的受支持的功能，并影响内容的呈现方 阅读全文

摘要： 如果不是因为工作需要，我根本不会理会IE6的兼容问题，甚至我都不想理会IE的所有内核，不过IE9用了下，我还是重新对IE报以期待的。话题扯远了，下面回到话题上来吧。 这次要说的内容就是，如果让IE支持li:hover（还有之类的span:hover、div:hover），用过的都应该差不多清楚，IE6只能识别a:hover，但有时候用UL、LI做下拉列表，IE6就一直让我很头疼。 有人用的解决办法可能第一反应就是去网上找相关的JS来代替hover，其实有个超级简单的方法，就是在LI标记里加一个A标记，然后定义这个A标记为display:block即可，然后就可以把这个A标记宽高设置和LI一样，这样就很兼容IE6了， 阅读全文

摘要： li:hover在ie6下是无效的,它只在ie7以下版本有效.要解决这个问题有两个解决方法.一个是用js来解决,但是这种方法我不喜欢,因为它必需把js代码和css代码都放在html文件中.第二种是在每个li外面包裹一个 加了IE6条件注释的 用A包裹了的table 类似于: HTML code xxxxxxxxxx 阅读全文

摘要： JS实现的主要思路： 有兴趣的同学可以看一下： 一个是对现有数据块进行排列计算各自所在的位置； 二是下拉滚动时，触发加载数据操作，并把数据添加到目标容器中。 1) 数据块排列，算法步骤简述下： · 初始化时，对容器中已有数据块元素进行第一次计算，需要用户给定: a，容器元素 — 以此获取容器总宽度； b，列宽度； c，最小列数； · 最终列数取的是容器宽度/列宽度和最小列数的最大值，这样保证了，当窗口很小时，仍然出现最小列数的数据； · 获得列数后，需要保存每个列的当前高度，这样在添加每个数据块时，才知道起始高度是多少； · 依次取容器中的所有数据块，先寻找当前高度最小的某列，之后根据列序号，确定数据块的left，top值，left 为所在列的序号乘以列宽，top 为所在列的当前高度，最后更新所在列的当前高度加上这个数据块元素的高度，至此，插入一个元素结束； · 当所有元素插入完毕后 阅读全文

摘要： 起因：在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误，甚是诧异。于是究其原因，发现块级元素P内是不能嵌套DIV的。 深究：我们先来认识in-line内联元素和block-line块元素，因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。 in-line这个词有很多种解释：内嵌、内联、行内、线级等，但是，它们都是表示相同的意思，在这里我们选择习惯的叫法–内联。 先看下面的例子你就能明白两者的差别： 测试一下块元素与内联元素的差别 测试一下块元素与内联元素的差别 阅读全文

摘要： div的onmouseout事件让div消失时，会出现这样的情况，就是当鼠标移至div中的其它内容时，此时也判定为离开div，会触发 onmouseout事件，这样div中的内容就不能操作了。解决的办法是当触发onmouseout事件时，先判断鼠标是否在div内，如果在，说明鼠 标并没有离开div，就不删除div，否则，删除之。OK,现在问题解决了。 就是找到该div左上角和右下角坐标，判断鼠标的坐标是否在这一区域就可以了。 阅读全文