2

我花了很多时间让网站看起来不错，使用 Google Chrome 和 Firefox，但是通常情况下，当我在 Internet Explorer 中查看它时，它看起来比开始时更糟糕。我相信有一种方法可以创建一个仅限 IE 的 css 文件，但是我不记得该怎么做。你能为我指出正确的方向吗。

我也想知道有没有办法

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

为 IE 工作。几年前我研究过这个，我认为当时唯一的选择是让图像创建半径。希望有一些新的工作（越简单越好）。边界半径只是我更改 css 后呈现不同的众多事物之一。

谢谢

4

4 回答 4

4

回答您的第一个问题：要仅在 IE 中包含样式表文件，请<link>使用条件注释包装您的 ing。这是有关如何执行此操作的示例：

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

回答你的第二个问题，旧版本的 IE 不支持border-radius。不过，IE9 确实支持它。除了使用图像或第三方插件（如jQuery 角）之外，没有其他解决方法。

于 2012-08-18T15:27:32.810 回答
1

特定于 IE 的 CSS：

  1. 使用 Modernizr 确定用户浏览器中可用的功能。这会将类添加到<body>标签中，然后您可以在样式表中引用这些类，以在给定功能存在或不存在时激活某些样式。

  2. 使用条件注释来包含特定于 IE 的样式表。

  3. 使用 IE CSS hack，就像这里描述的那样：http: //net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-带 4 个字符/

边界半径：

IE9 支持此功能，因此您必须使用 IE8 或更早版本（或兼容模式）。

  1. 如果使用较旧的 IE，请忽略它。为实际上不会影响网站可用性的功能支持他们是不值得的。

  2. 使用CSS3Pie将border-radius功能侵入到 IE 中。这是一个 hack，但效果很好（比这里推荐的其他一些更好）。

于 2012-08-18T16:44:32.760 回答
1

Internet Explorer 9 及更高版本支持边框半径。较低版本不支持此功能。你可以

于 2012-08-18T15:25:17.140 回答
1

您正在寻找Conditional stylesheets vs. CSS hacks，而我不得不从最底层挖掘出来：IExplorer 的 PIE CSS3 装饰。

于 2012-08-18T15:25:37.077 回答