诺豆网

年纪大了，有些东西得写下来！哈哈！！！

问题：在浏览器兼容中，有些个HTML标签的 width 属性设定会无效，例如A、Span标签……

ps.暂时收藏，稍后整理总结。

好多css hack，最重要的是简单实用能解决问题就行了，例如：

.color{
background-color: #CC00FF; /*所有浏览器都会显示为紫色*/
background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/
*background-color: #0066FF; /*IE6、IE7会变为蓝色*/
_background-color: #009933; /*IE6会变为绿色*/
}

总结：
\9： IE6 IE7 IE8
*： IE6 IE7
_： IE6
*+： IE7（经我测试没多大用）

在做一个东西，需要这部分代码，但总是不太理想，后来听说天涯有这东西，CP下来，总结了一下，记录并分享。

CSS Sprites 简介：

通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。随着Web设计向着精致、 巧妙的方向发展，设计师们开始考虑使用非Javascript的方式制作鼠标滑过、悬停菜单的效果，这时CSS Sprite应运而生。

一、使用css缩写

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。

二、明确定义单位，除非值为0

忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比 如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。

问题来源于对dvbbs模板的修改，发现它的CSS对整体宽度控制是很简单的，原代码如下：

.mainbox { margin-top:10px; width:97%; min-width:960px; clear:both;}

昨天做东西，用到了这个效果，以前收藏的代码段，现在派上用场了，不错！以后有好的东西再收藏分享给大家吧！代码不难理解，自己看效果吧！

前段趁放假给诺豆网做了个风格皮肤，但没有对太多的浏览器做测试就直接上线了！后来唏嘘一世提出在Opera有些错位，我去看了一下，发现只是评论列表分页链接处有些错位，但不影响整体阅读，而且个人正在处理其它的事，所以也就没有做修整！

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.

下面我们来讨论一下，在IE与FF浏览器下CSS兼容技巧的事！！