IE6下面的css调试工具

在开发过程中,代码部分实现之后,就要着手于前台展示部分的界面,公司的美工又是新手,无奈,只有自己慢慢调了,但IE6之前的版本都没有好的调试工具,后来在网上搜索了一个 
IE Developer Toolbar 这个工具还不错,但是对于我这个用习惯chrome和firefox的人来说,确实是个不小的挑战,于是乎最近又在网上搜索,看看能不能找一个跟chrome或者是firedebug类似的针对IE6的网页调试工具,

不巧真被我找到了。大喜之后,赶紧记录下,分享出来。

废话不说了。

工具的名字是firebuglite 有chrome的扩展,这个工具实际就是一个js文件 
官网地址:http://getfirebug.com/firebuglite

使用方法很简单,

<script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>只需要把这段代码加到你的head里,刷新就OK了。当然你也可以下载到本地进行相关配置。

里面有很多版本,有开发版的,有调试版的等,感兴趣的,可以在官网上查下文档

这里是我调试好的截图。

时间: 2024-08-24 22:31:39

IE6下面的css调试工具的相关文章

【css】ie6下使用css sprit 滤镜做透明图片

.service{ /*position:relative;*/ height:96% !important;overflow: hidden;} .pright{ height:40px; text-align:right; margin-top:30px; padding-right:50px; overflow:hidden; } .pright .btn_order{ background:url('../images/order_icon02.png') 0 0 no-repeat;

webkit下面的CSS设置滚动条

webkit下面的CSS设置滚动条 1.主要有下面7个属性: ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track  外层轨道 ::-webkit-scrollbar-track-piece  内层滚动槽 ::-webkit-scrollbar-thumb 滚动的滑块 ::-webkit-scrollbar-corner 边角 ::-webkit-res

CSS中!important的用法和在IE6下的表现

!important的用法和在IE6下的表现:!important可以提高指定CSS语句的优先级,使用方法是在相应的CSS语句后面加上!important.例如: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> &l

【css】修正ie6下不支持position:fixed

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta h

IE6下 CSS z-index属性失效原因浅析

近日,小码哥遇到一个在IE6下z-index属性失效问题!让鄙人纠结了好半天.心里那个不爽啊!最终虽然解决了俺遇到的问题,同时也做出了如下小结:(希望对"码上赚钱"的侬有所帮助). 其实z-index属性在标准浏览器下其属性值完全按照大小来衡量谁上谁下的.但是在这个各种浏览器横行的年代,又遇到万恶而变态的IE.7时.很多问题就接踵而至了. 在IE6.7下针对z-index属性的问题,最常遇到的就是不管对z-index设置多高的值,哪怕是其父级元素的十倍百倍,该层级不显示还是不显示.那么

IE6下CSS常见兼容性问题及解决方案

1. 在IE6元素浮动,如果宽度需要内容撑开,就给里面的块元素加浮动. 2. IE6下最小高度问题:在IE6下元素高度小于19px的时候,会被当作19px处理.解决方案:给元素加 overflow:hidden. 3. border:1px dotted #000: 1px dotted 在IE6下不支持 解决方案:切背景平铺 4. margin传递:解决方案:a.父级或自己浮动; b.给元素加 overflow:hidden;zoom:1; 5. 在IE6下父级有边框的时候,子元素的margi

CSS在IE6下的一些BUG和兼容性问题

在IE6,7下面PNG图片问题: 在IE6下,不支持PNG透明图片,解决办法是:在HTML里加上以下一段代码,其中DD_belatedPNG_0.0.8a.js文件可以在百度上找到,DD_belatedPNG_0.0.8a.js是国外一个大神写的JS文件. <!--[if IE 6]> <script src="js/DD_belatedPNG_0.0.8a.js"></script> <script> DD_belatedPNG.fix

IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总

http://www.jb51.net/css/85640.html 断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1:li边距“无故”增加  任何事情都是有原因的,li边距也不例外.  先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的paddi

IE6下png背景不透明——张鑫旭博客读书笔记

从今天开始跟着大牛张鑫旭的步伐,每天进步一点点 问题:IE6不支持png背景透明或半透明 一.可解决的方法 补充:css滤镜主要是用来实现图像的各种特殊效果.(了解) css滤镜的标识符是"filter",总体的应用上和其他的css语句相同.css滤镜可分为基本滤镜和高级滤镜两种.css滤镜分类 CSS滤镜 可以直接作用于对象上,并且立即生效的滤镜称为基本滤镜.而要配合JavaScript等脚本语言,能产生更多变幻效果的则称为高级滤镜. 只有IE可以完全的支持滤镜,Firefox支持部