Ie浏览器缓存的css文件多久失效

css是缓存文件，可以自行在浏览器里设置失效时间。

在浏览器中打开“工具internet选项”，对话框的中间位置，浏览历史记录，cookie的位置有删除和设置两个按钮，点击设置按钮，里面你可以设置缓存文件的大小，存在时间，还可以打开缓存文件目录。

因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样，具体就是对CSS的解释不同，我们为了兼容这些，可运用条件注释来各自定义，最终达到兼容的目的

可使用如下代码检测当前IE浏览器的版本（注意：在非IE浏览器中是看不到效果的）

 /*判断浏览器的版本*/

<!––[if IE]> 

<h1>您正在使用IE浏览器</h1> <!––[if IE 5]> 

<h2>版本 5</h2> <![endif]––> 

<!––[if IE 5.0]> 

<h2>版本 5.0</h2> <![endif]––> 

<!––[if IE 5.5]> 

<h2>版本 5.5</h2> <![endif]––> 

<!––[if IE 6]> 

<h2>版本 6</h2> <![endif]––> 

<!––[if IE 7]> 

<h2>版本 7</h2> <![endif]––> 

<![endif]––>

那如果当前的浏览器是IE，但版本比IE5还低，该怎么办呢，可以使用<!–[if ls IE 5]>，当然，根据条件注释只能在IE5+的环境之下，所以<!–[if ls IE 5]>根本不会被执行。

 

< !–- 默认先调用css.css样式表 –-> 

<link rel="stylesheet" type="text/css" href="css.css" />< !-–[if IE 7]> 

<!–- 如果IE浏览器版是7,调用ie7.css样式表- –> 

<link rel="stylesheet" type="text/css" href="ie7.css" />< ![endif]–-> 

<!–-[if lte IE 6]> 

<!–- 如果IE浏览器版本小于等于6,调用ie.css样式表 -–> 

<link rel="stylesheet" type="text/css" href="ie.css" />< ![endif]–>

问题描述：CSS的编码不对的时候，CSS效果在IE8、IE7、Firefox下可以正常显示，但是在IE6下会使CSS失效，不起作用。

情况分析：今天做一个网站的时候碰到这个问题，搞了半宿没有找到问题所在，着实让我郁闷了好一会，后来上Google和百度了一下，找到了问题所在，CSS文件的编码不正确，网页采用的是utf-8编码的，而CSS是使用的是ANSI编码的，这种情况在IE8、IE7和Firefox可以被识别CSS样式会正常显示，但是IE6及其以下版本都不认识，导致了上面问题描述的情况。

解决办法：将网页和CSS文件的编码使用一样的，就可以了，建议将CSS文件的样式修改使其和网页保持一致。修改CSS文件的编码方式可以使用Editplus将CSS文件打开，然后“另存为”，在“编码”中选择与网页一致的编码方式，然后确定覆盖原来文件就可以了。

转载自：

http://www.shuihan.com/article/466.htm

---