网页兼容性调试工具-Firebug Lite 作为一名前端攻城狮,至少要有一样攻城武器,而 Firebug 就是其中最锋利的一款。然而,贵为最锋利的攻城武器,当然是不屑去攻打 IE6,IE7这种破城,所以这种破事就由他的同门师弟:Firebug Lite 去完成。虽然 Firebug Lite 没有他的师兄那般强大,但它灵活通用(IE6,7,8,chrome等),至少可以解决一般性的问题。下面来看看使用方法:1、直接调用文件: (按 F12 ......继续阅读
全屏背景 [xml] <style> .docBg { width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1; _position:absolute; /* IE6 */ _top:expression(eval(document.documentElement.scrollTop)); /* IE6 */ } &l......继续阅读
HTML5 之微数据 随着 HTML5 规范的发展,一些 HTML5 的特性已经逐渐被现代浏览器支持,Kayo 最近也给网站加入一些 HTML5 的特性,比如这次要介绍的微数据。 一.什么是微数据? 首先通俗地介绍一下,微数据是在如 span、div 的标签内添加属性,让机器(如搜索引擎)识别其意义,一些特定类型的信息,例如评论、人物信息或事件都有相应的属性,用来描述其意义。在这里再科普一下,给出谷歌关于微数据的解释:......继续阅读
div css 浏览器兼容问题的一点解决办法 转自Ryuia's Blog 浏览器之间的css互相不兼容,相信网页制作人员都会深恶痛绝。 收集了一些常见的兼容问题解决方法 与大家一起分享 1. 文字大小不兼容。同样14px的宋体字,ie下实际占高16px,下留白3px,firefox下实际占高17px,上留白1px,下留白3px。 文字大小不兼容解决方案:给所有文字设定通用line-height值 2. div高度不兼容:firefox下di......继续阅读
从百度扒下来的的Js日历 将下面js代码保存到文件bdcalendar.js [js] //Download by http://www.jb51.net (function(){var T=navigator.userAgent.indexOf("MSIE")!=-1&&!window.opera;function N(C){return document.getElementById......继续阅读
二级菜单导航 实例 此导航菜单只适用于二级菜单,三级或更多级就没试过了。。 html架构是这样的: [xml] <ul> <li>首页</li> <li>关于我们 <ul> <li>集团简介</li> <li>企业历程</li> <li>企业文化</li> <li>集团荣誉&......继续阅读