向 IE 发送特定样式表时遇到问题

发布于 2025-01-02 21:30:55 字数 1030 浏览 0 评论 0原文

无论我做什么，IE都不会显示我的网站。我不确定我做错了什么以及如何解决这个问题。如果有人可以帮忙，请。我已经被这个问题困扰了好几天了，

我正在创建我的第一个 HTML5 网站，当然，在新领域，还有更多东西需要学习。我的网站在我所知的所有浏览器和设备上运行良好当屏幕处于特定尺寸时，我使用 CSS3 媒体查询发送我想要的信息。

当然，现在 IE 不支持此功能，因此我使用条件注释来查看它是否是 IE，以及是否使用我的 ie.css 样式。然而，我必须把它放在错误的位置，因为它要么不起作用（页面上没有显示任何内容，然后崩溃），要么它在全尺寸窗口上显示移动样式！我尝试使用 respond.js 文件和 css3-mediaqueries.js 文件，但它们对我不起作用。这是阻止我建立这个网站的最后一件事，在苦苦思索为什么它不起作用之后，我迫切希望找到解决方案。

这是我头的底部。

<link rel="stylesheet" href="css/style-fluid.css" />
<!--[if IE]>
<link rel="stylesheet" href="css/ie.css" />

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

<!--[if IE 7]>
<link rel="stylesheet" href="css/ie.css" />
<![endif]-->

<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>

所以我不确定我做错了什么会发生这种情况。我想使用媒体查询有一段时间了，我知道有一种方法可以使用它们，只需告诉 IE 使用此样式表即可？

任何帮助表示赞赏。

原文

No matter what I do, IE will not display my website. I'm not sure what I'm doing wrong and how I can go about fixing this. If anyone can help, please. I have been stumped on this for days

I am creating my first HTML5 website and of course with a the new territory there is more to learn. My website here works well in all browsers and devices that I know of so far and I'm using CSS3 media queries to send the information I want when the screen is at specific size.

Now of course IE doesn't support this feature so I'm using conditional comments to see if it is IE and if it is use my ie.css styles. However I have to be laying it our wrong cause it's either not working (nothing shows up on the page and then crashes) or it shows the mobile styles on the full size window! I have tried to use the respond.js file AND the css3-mediaqueries.js file and they have not worked for me. This is the last thing in my way stopping me from getting this site up and after struggling with why it does not work I'm getting desperate to find a solution.

This is the bottom part of my head.

<link rel="stylesheet" href="css/style-fluid.css" />
<!--[if IE]>
<link rel="stylesheet" href="css/ie.css" />

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

<!--[if IE 7]>
<link rel="stylesheet" href="css/ie.css" />
<![endif]-->

<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>

So I'm not sure what I a m doing wrong to have this happen. I've wanted to use media queries for a while now and I know there is a way to use them and just tell IE to use this style sheet instead?

Any help is appreciated.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浪漫之都 2025-01-09 21:30:55

起初我认为它是你的头顶......当你声明时你有这个奇怪的评论标记，我认为我造成了问题，并且没有正确渲染你以后的 IF IE。改变
至

但我一直在不同的服务器上测试它，这似乎并没有打扰它。
您会认为正在运行的服务器有问题吗？看来你尝试了很多东西..

尝试我的第一个建议，然后查看 http://tinyurl.com/87maskt< /a> 在 ie 中而不是 ie..
[我只是从这里的来源和参考中进行了c&p。如果您愿意，可以向我发送实际的首页代码以进行测试。]

祝您好运！

回复收藏 0 原文

小…楫夜泊 2025-01-09 21:30:55

我认为问题的存在是因为你的 css 给定类型中没有位置。您应该将类型设置为 text/css

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

I think the issue is there because you have no where in your css given type. You should have set the type as text/css

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

回复收藏 0 原文

千里故人稀 2025-01-09 21:30:55

我认为问题不在于样式表..这是你的html标签...

<!--[if lt IE 7]> <html class="ie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="ie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="ie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

我可以问为什么吗？？？这实在是没有必要。

I think the problem is not the stylesheets.. it's your html tag...

<!--[if lt IE 7]> <html class="ie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="ie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="ie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

Can I ask why???? That's really unnecessary.

回复收藏 0 原文

蔚蓝源自深海 2025-01-09 21:30:55

试试这个：

<!--[if lt IE 8]>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->

Try this:

<!--[if lt IE 8]>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->

回复收藏 0 原文

倾｀听者〃 2025-01-09 21:30:55

我想我明白了。从 ie.css 中删除 @media print 部分。

回复收藏 0 原文

萌辣 2025-01-09 21:30:55

您可以执行以下操作：

更新 HTML 标记以利用条件注释，如 HTML5 样板中所做的那样。斯科特的回答提供了片段： https://stackoverflow.com/a/9153257/230649
将respond.js 添加到您的项目中要在 IE 中获得媒体查询支持： https://github.com/scottjehl/Respond

如果respond.js 有效，您将无需担心 IE 样式表，并且可以完全避免它。

现在最关键的是：您的 IE 样式表中包含 HTML5 样板重置。你需要摆脱这个。您应该在 IE 特定样式表中包含的唯一内容是您想要对文本大小等进行的细微调整。

但希望如果 respond.js 支持您的媒体查询，您根本不需要使用此 IE 特定样式表。我会尝试删除 IE 特定样式表并实施 respond.js 来解决您的问题。

回复收藏 0 原文

篱下浅笙歌 2025-01-09 21:30:55

<!--[if lt IE **7**]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]>**<!-->** <html class="no-js" lang="en"> <!--<![endif]-->

删除最后一个 if 语句中的注释，并更改前 7 个 if 语句 6 以及删除 8 的双 if 语句

<!--[if lt IE **7**]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]>**<!-->** <html class="no-js" lang="en"> <!--<![endif]-->

Remove the comment from your last if statement and change the first 7 if statement too 6 as well as remove the double if statements for 8

回复收藏 0 原文

扬花落满肩 2025-01-09 21:30:55

尝试将标记中的 class= 属性移动到标记中，并更改 css 针对进行选择

<!--[if lt IE 9]> <body class="ie" lang="en"> <![endif]-->
<!--[if gt IE 8]> <body class="no-js" lang="en"> <!--<![endif]-->

Try moving the class= attribute in the <html> tag into the <body> tag and changing the css to select against the <body>

<!--[if lt IE 9]> <body class="ie" lang="en"> <![endif]-->
<!--[if gt IE 8]> <body class="no-js" lang="en"> <!--<![endif]-->

回复收藏 0 原文

℡Ms空城旧梦 2025-01-09 21:30:55

只是一个想法...为什么不使用 Javascript 来查明他们是否正在使用 Internet Explorer，如果是，则将他们重定向到另一个导入 ie.css 的主页：

index.php

<link rel="stylesheet" href="css/style-fluid.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    if (navigator.appName == 'Microsoft Internet Explorer')
    {
        parent.location = "ie.php";
    }
}

</script>

ie.php

<link rel="stylesheet" href="css/ie.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    if !(navigator.appName == 'Microsoft Internet Explorer')
    {
        parent.location = "index.php";
    }
}
</script>

问题解决了！希望这有帮助！

Just a thought...Why don't you use Javascript to find out if they are using Internet Explorer, and if they are, redirect them to another home page that imports ie.css:

index.php

<link rel="stylesheet" href="css/style-fluid.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    if (navigator.appName == 'Microsoft Internet Explorer')
    {
        parent.location = "ie.php";
    }
}

</script>

ie.php

<link rel="stylesheet" href="css/ie.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    if !(navigator.appName == 'Microsoft Internet Explorer')
    {
        parent.location = "index.php";
    }
}
</script>

Problem solved! Hope this helps!

回复收藏 0 原文

~没有更多了~