[code]
/*----- the debug css style -----*/
* { outline: 2px dotted red }
* * { outline: 2px solid green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px solid blue }
* * * * * { outline: 1px dotted red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px dotted orange }
* * * * * * * * { outline: 1px solid blue }
/*----- the debug css style -----*/
[/code]
虽然也可以用ff的插件来outline,但是总有些不方便,毕竟那是动态的,自己需要用到加上border呢,又嫌麻烦。
这段css可以比较有效的帮助我们调错,还可以根据情况注释掉一部分,调试某一层次对象。
不过这般现代css技术,ie是无福消受了。呵呵,也就是个小tip,看官误笑。
/*----- the debug css style -----*/
* { outline: 2px dotted red }
* * { outline: 2px solid green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px solid blue }
* * * * * { outline: 1px dotted red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px dotted orange }
* * * * * * * * { outline: 1px solid blue }
/*----- the debug css style -----*/
[/code]
虽然也可以用ff的插件来outline,但是总有些不方便,毕竟那是动态的,自己需要用到加上border呢,又嫌麻烦。
这段css可以比较有效的帮助我们调错,还可以根据情况注释掉一部分,调试某一层次对象。
不过这般现代css技术,ie是无福消受了。呵呵,也就是个小tip,看官误笑。
本文介绍了一种使用CSS进行页面元素调试的方法,通过为不同层级的对象添加可见的边框样式,可以帮助开发者快速定位DOM结构中的问题。这种方法简单实用,适用于现代浏览器。
7706

被折叠的 条评论
为什么被折叠?



