Question

如何使ie8浏览器打开网页时调用特定的css文件

我有一个网站在ie 8 下打开页面头部会出现一块空白， 必须对ie8设置打开时调用特定的一个css文件才能解决问题，请问如何如何才能针对ie8调用特定的css文件， 兼容性视图的方法已经试过无效

Answer 1

<!--[if IE 8]><link rel="stylesheet" type="text/css" href="特定的CSS文件URL" /><![endif]-->

以上CSS只有在IE8下才会加载，其他版本的浏览器浏览器不会加载

然后你就写你的特定css即可

追问

那高手请看我这个站：timelypower点com 我这个就用你给的代码，但是ie8就是显示不正常， 头部会有很大一块空白， 好像ie8载入不了commone.css
这个文件

追答

估计是这个commone.css和common.css冲突，同一个元素定义了同一个属性的不同属性值

浏览器应该使用后面定义的属性值

#top 在两个css中都有定义，但属性值不同，浏览器应该按照后面margin:0

尝试调换两个css的先后顺序

或用IE8的hack写法,注意顺序是先将通用样式写在上面，然后定义特殊浏览器样式

#top{
    margin:0px;
    margin:-130px\0;
}

追问

高手，IE 8 hack的写法再教我一下吧，我试着这样写，但是发现不只ie8其他浏览器也会按照后面margin:-130px auto\0;的方法读，这样在其他浏览器上又是一片混乱
#top {position:relative;margin:0px auto;margin:-130px auto\0;}

追答

不行的话，你就分别定义每个浏览器的样式

Answer 2

用对针对IE的特定选择语句：
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="你要链接的CSS文件路径"/>
<![endif]-->

Answer 3

加上条件注释语句
<!--[if IE 8]>
<link rel="".........................>
<![endif]-->
ie条件注释语句还可以加上以下限制
lte：就是Less than or equal to的简写，也就是小于或等于的意思。
lt ：就是Less than的简写，也就是小于的意思。
gte：就是Greater than or equal to的简写，也就是大于或等于的意思。
gt ：就是Greater than的简写，也就是大于的意思。
! ：就是不等于的意思，跟javascript里的不等于判断符相同
比如
<!--[if lte IE 8]>
<link rel="".........................>
<![endif]-->就表示小于或等于ie8版本就调用link里面的样式

Answer 4

没有图片 不清楚具体什么问题。 你在 IE6 打开 以及 比 IE8 高级的浏览器中打开 是否存在这样的问题？

追问

在ie8下打开，成这样子了

追答

css 最上面加上 

body{ margin:0; padding:0}

追问