不同的浏览器要求不同的样式声明，各浏览器及其各版本有不同程度的 CSS 执行的完整性。采用的是 Internet Explorer 的条件注释语法的思想，并把它内联到 CSS 声明之中。
条件 CSS 主要用于指出一个特别的 CSS 声明是不是应该用于一个特别的浏览器。当然你不希望经常这么做，但是当你需要针对一个浏览器的时候，它会非常有用。可以在U4EA支持列表里看到，大部分的浏览器都支持这种方式。
任意 CSS 声明或者块都可以添加条件声明前缀，这些前缀有3种基本类型：
[if {!} browser] [if {!} browser version] [if {!} condition browser version]
! - 声明的否定 (例 NOT) - 可选
browser - 声明针对的浏览器
IE - Internet Explorer
Gecko - Gecko 核心的浏览器 (Firefox, Camino 等)
Webkit - Webkit 核心的浏览器 (S ......
IE6下链接伪类（:hover）CSS背景图片有闪动BUG，主要原因ie会再一次请求这张图片，或者说图片没被缓存。
例如：
CSS代码
a:hover{background:url(imagepath)}
常用的解决方案：
在页面底部添加以下IE6专用代码，让IE6缓存CSS背景图片至本地，这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。
XML/HTML代码
<!–[if IE 6]>
<script type=”text/javascript”>
document.execCommand(”BackgroundImageCache”, false, true);
</script>
<![endif]–>
或者
XML/HTML代码
<!–[if IE 6]>
<script type=text/javascript>
try {
document.execCommand(”BackgroundImageCache”, false, true);
} catch(err) {} &nb ......
IE和FF对盒模型的解释区别
IE和FF对盒模型的解释也不一样，代码说明：#test { width: 650px !important;width: 648px;padding-left:2px;background:#fff; }
test 显示的宽带是 650px
IE Box的总宽度是： width+padding+border+margin宽度总和
FF Box的总宽度就是 width的宽度，padding+border+margin的宽度在含在width内。
如果有BOX{WIDTH:"300"; PADDING:"5PX";}
则BOX在IE的宽度应该为:310
而在FF的宽度则是300
所以在BOX有填充的情况下应该这样使用
BOX{WIDTH:"290"!IMPORTANT; WIDTH: "300";}
这样子才能确保BOX的宽度始终在300px,而不会出现被撑开的现象
而在FF里面则不会造成浮动层填不满的情况
五：ul 标签在 Mozilla 中有 padding 值的，而在 IE 中只有 margin 有值。
设置ul{margin:0;padding:0}
针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#1 { color: #333; } /* Moz */
* html #1 { color: ......
地震 网站变成灰黑色 css 代码
5.19-5.21为全国哀悼日， 百度、网易、新浪等各大网站均变成了灰黑色网页。怎样使网页变成灰黑色呢？
国务院决定5月19日至21日为全国哀悼日为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。
html {...}{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
如果网站没有使用CSS，可以在网页/模板的HTML代码<head>和</head> 之间插入：
<style>...
html{...}{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议
<!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">
请将网页最头部的<html>替换为以上代码。
有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的&l ......
问题描述：CSS的编码不对的时候，CSS效果在IE8、IE7、Firefox下可以正常显示，但是在IE6下会使CSS失效，不起作用。
情况分析：今天做一个网站的时候碰到这个问题，搞了半宿没有找到问题所在，着实让我郁闷了好一会，后来上Google和百度了一下，找到了问题所在，CSS文件的编码不正确，网页采用的是utf-8编码的，而CSS是使用的是ANSI编码的，这种情况在IE8、IE7和Firefox可以被识别CSS样式会正常显示，但是IE6及其以下版本都不认识，导致了上面问题描述的情况。
解决办法：将网页和CSS文件的编码使用一样的，就可以了，建议将CSS文件的样式修改使其和网页保持一致。修改CSS文件的编码方式可以使用Editplus将CSS文件打开，然后“另存为”，在“编码”中选择与网页一致的编码方式，然后确定覆盖原来文件就可以了。 ......
CSS实现局部打印
关键字: css实现局部打印
在实现打印预览的时候，可以采用JS来完成这一功能，但这样会让所有在页面上的部分都答应出来，包括像“打印预览”这样的按钮也会打印，这样的情况，可以采用CSS来完成局部答应的功能。
代码如下：
<style media=print>
.Noprint {
display:none;
}
.NextPage {
page-break-after:always;
}
</style>
这样，如果要某些内容不要打印出来，则元素的class为“Noprint”，若要内容在下一个页中打印，则该元素的class为“NextPage”。
说明，style media=print是说明该样式在打印的情况下起作用 ......
最新文章 : css