事物绝非十全十美总有强差人意的一面，之前针对浮动分析了其引起文本重影的怪异问题，而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。 围绕着定位列出的种种问题，对某些情况只是作出了分析而暂时没有找到有解决方案，但既然知道问题所在，我们可以尽可能的采取其它措施避免这现象。 position:relative;属性值导致ov

三栏布局是最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。本文介绍一种用CSS的float和clear属性来获得三栏布局的方法。 绝大多数网页设计者都熟悉传统的网页设计技术，用这些技

原文： http://wiki.github.com/stubbornella/oocss/faq （翻译时为Version 28） 翻译： ytzong 在OOCSS中怎么定义对象？ 对象类似JAVA中的类，保持着OO的特征。 一个CSS对象由4部分组成： 可能是一个或多个DOM节点的HTML 由wrapper节点的class名开始的CSS样式声明 类似于背景图片和显示用的sprites组件以及 JavaScri

在项目中遇到一情况让困扰了半天， 同一张PNG8图片为何部份图标在IE6中消失 呢？当时一度怀疑是cache或hosts问题反反复复开关浏览器结果依然无效，连番测试终于找到了原因。 问题在于PNG8图片本身，以下l例子模拟了当时情况，当使用IE6来浏览的会发现第二行的4个图标隐形了。 Demo 原来下面的4个图标被调了90%的Alpha透明

这款下拉菜单栏的实现非常简单，没有用到复杂的JS代码，完全依靠css代码来实现的，只需进行简单的修改变换就可以了，以下是代码实例： html代码： div id=nav ul li class=menu2 onMouseOver=this.className=''menu1'' onMouseOut=this.className=''menu2''Home Page div class=list a href=http://www.webjx.com/网页教学网

在IE6中背景属性加a与a:hover两者的伪类结合，在正常逻辑下为何不起作用？测试这问题存在IE6及以下浏览器，这问题我经常遇到在之前一直采用其它方法取而代之，现在找到了另一种解决。 以导航为例，下面的代码完全符合CSS的逻辑，理论上应该是a:hove的背景图片结合a.nav_1的背景定位 而得出预想的结果，但IE6却异常地只显示背

在做项目开发时遇到了一个怪异现象整段内容被重影的问题，一般来说这类问题在IE6中表现的比较多，但这次出人意料的是IE7也殃及在内。在早前互联网上就有分享过使用HTML注释会引起类似的文字倒影问题，但此时的页面却是没有任何注释～，持续地测试分析问题变得越来越有趣了 测试结果为当不适当地使用float:left/right; widt

什么是面向对象的 CSS 框架？工具？哲学？ Object-oriented CSS is a coding paradigm that styles objects or modulesnestable chunks of HTML that define a section of a webpagewith robust, reusable styles. 很像语言的进化 令 CSS 更强大 有什么不同？ ul{...}ul li{...}ul li a(②但是，结构在这里){①直至现在，我