Question

我想在IE浏览器中使用我的网站。我想知道如何在IE浏览器中给出css选择器的名称，如firefox.Please帮帮我！

Answer 1

我没有强调你的问题“IE中的css选择器的名称”，但是如果你必须在选择器p上分配css使用像（<p>hello everyone</p>）这个

p { 边框：1px纯红色; 字体大小：24像素; }

Answer 2

总是在任何其他css之后调用你的ie css文件，所以它会覆盖任何以前的方法。如果您仍然遇到问题，可以使用!important强制css定义优先。

如果不重要，div背景将为蓝色，因为这是最后一次声明

#mydiv{
  background-color:green;
}

#mydiv{
  background-color:blue;
}

现在，使用!important，您可以强制优先。无论声明顺序如何，背景都是绿色的：

#mydiv{
  background-color:green !important;
}

#mydiv{
  background-color:blue;
}

如果您正在寻找IE的css hacks（不推荐，但有时必不可少），您可以从this excellent article获取更多信息。

希望这有帮助！

Answer 3

到目前为止，您所显示的CSS代码没有任何问题，因此在特定于IE的样式表中重复它不会产生任何差别。

通常，IE不需要单独的样式表。 IE中有一些渲染错误可能需要避免，但这几乎总是可以通过调整当前的CSS和HTML来完成。

要了解如何使其在IE中运行，您应该尝试找出差异的原因。大多数CSS都是完全相同的，所以如果你没有在页面中看到效果，通常是因为元素不在你认为的位置，或者没有你认为它具有的大小。例如，如果元素的高度为零，您显然不会看到它的背景颜色。

首先确保页面具有正确的doctype，以便它不会以怪癖模式呈现。这对于使其在IE中尽可能接近标准非常重要。

在Firefox中打开错误控制台并查看该页面。如果您在CSS代码中有任何错误，它会告诉您。有关如何呈现正确代码的标准，但没有关于如何处理错误代码的标准，因此如果您有任何错误，您将在浏览器之间获得截然不同的结果。

Firefox中的插件FireBug可用于准确查看哪些样式影响页面中的每个元素，您甚至可以编辑CSS并立即查看结果。 IE 8中内置了一个名为Developer Tools的类似工具。对于IE 7，您可以安装Developer Toolbar，它可以为您提供一些此功能。每个工具都允许您在代码中选择一个元素，并准确显示它在页面上的位置。

Answer 4

要在firefox和IE中修复您的网站，您可以使用以下方法。

方法1：

您可以使用您使用的“if condition”。您需要在if语句中提及IE的版本。请参阅以下代码

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Browser Detection Example</title>

<style type="text/css">
body{ background:blue}
</style>

<!--[if IE 6]> <!-- for ie 6 browser -->
<style type="text/css"> 
 body{ background:red}
</style>
<![endif]-->

<!--[if IE 7]> <!-- for ie 7 browser -->
 <style type="text/css"> 
 body{ background:red}
</style>
<![endif]-->
</head>

<body>
</body>
</html>

方法2：

你可以在css代码中使用css hack。无需使用单独的css文件。您可以在同一个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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{ background:blue; _background:orange;}
</style>
</head>

<body>
</body>
</html>

注意：在css代码之前加上前缀“_”，它将在ie6 ...

中呈现

退房!!!

的问候， Logesh Paul

我想知道如何在IE中给出css选择器的名称

4 个答案: