摘要: 完整HACK代码：select {background-color:cccccc\0;/* ie 8/9*/background-color:eeeeee\9\0;/* ie 9*/*background-color:#dddd00;/* ie 7*/_background-color:#CDCDCD;/* ie 6*/}其中：background-color:cccccc\0;IE8和IE9都支持；background-color:eeeeee\9\0; 仅IE9支持；另外，background-color:eeeeee\9;的HACK支持IE6-IE8，但是IE8不能识别“*”和“_”的C
阅读全文
摘要: 利用<a>标签的a:hover状态触发鼠标移过的动作，其中未触发状态显示为单个图片。兼容IE6/7/8以及FF/Chrome等主流浏览器。以下是图示及完整代码。<!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" lang="
阅读全文
摘要: 理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能出现的问题。3. reset 期望提供一套普适通用的基础样式。推荐根据具体需求，裁剪和修改后再使用。特色：1. 适应中文；2. 基于最新主流浏览器。/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元
阅读全文
摘要: 浮动元素由于脱离了文档流，无法撑起其父元素的高度，如果父元素要显示背景或边框时就不能置之不理了。使浮动元素的父容器自适应高度的方法有三种：方法一：让浮动元素后面紧跟一个用于清除浮动的空标签。完整代码：<!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&qu
阅读全文