需要一些帮助将不同的样式表添加到我的主页?

时间:2011-04-15 15:27:43

标签: html css

我需要一个具体的if语句,它将在我正在构建的.aspx文件(default.aspx)中工作,文件本身就是我的主页。我还没有进一步介绍。我目前正在迎合IE8 + 7,FireFox和Chrome。

我似乎注意到布局中的问题,即使在我的标记中我也有:

<!-- <link rel="stylesheet" type="text/css" href="css/homepageStyes.css" /> -->

<!--[if gt IE 6]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->

每当我注释掉任何一行代码时,我的布局问题都会消失,但目前我认为上面发布的标记不足以告诉浏览器要附加哪个样式表?

我需要的东西,但在XHTML标记的c:

if (browser == "ie" || browser != "ie6") // not supporting ie6
{
   // attach this style sheet:
   // <link rel="stylesheet" type="text/css" href="css/ie.css" /> 
}
else
{
   // attach this style sheet:
   // <link rel="stylesheet" type="text/css" href="css/homepageStyes.css" />
}

我是C#开发人员,所以这是我第一次从头开始构建网站。因此,上面的C#if语句是解释我需要的一种好方法。

1 个答案:

答案 0 :(得分:0)

使用这些条件评论:

<!--[if gt IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie.css" /> 
<![endif]-->
<!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="css/homepageStyles.css" />
<!--><![endif]-->

<!--[if gt IE 6]>评论确保只有比版本6更新的IE才能处理并链接到ie.css

<!--[if !IE]>告诉IE忽略该条件评论中的内容。直接遵循的<!-->是在保持有效文档的同时终止if !IE组件。过去的任何内容都将由其他浏览器读取并解析,因此homepageStyles.css将链接到。

第二个<!-->会打开一条评论,以便IE可以安全地阅读紧随其后的<![endif]-->