仅为Internet Explorer创建CSS

时间:2012-08-18 15:19:36

标签: css internet-explorer

我花了很多时间让网站看起来不错,与谷歌Chrome和Firefox合作,但是通常情况下,当我在Internet Explorer中查看它时,它看起来比起初时更糟糕。我相信有一种方法可以拥有一个只有IE的css文件,但是我不记得怎么做了。你能指出我正确的方向吗?

此外,我想知道是否有办法

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

为IE工作。我在几年前研究过,我认为唯一的选择就是让图像创建半径。希望有一些新的工作(越简单越好)。边界半径只是我改变css的许多不同之处。

由于

4 个答案:

答案 0 :(得分:4)

回答您的第一个问题:仅在IE中包含样式表文件,请使用条件注释包装<link>。以下是如何执行此操作的示例:

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

回答第二个问题旧版IE不支持border-radius。但IE9确实支持它。除了使用图像或第三方插件(如jQuery corner)之外,没有其他解决方法。

答案 1 :(得分:1)

Internet Explorer 9及更高版本支持border-radius。较低版本不支持此功能。你可以

答案 2 :(得分:1)

您正在寻找Conditional stylesheets vs. CSS hacks,而我必须从最底层挖掘出来PIE CSS3 decorations for IExplorer

答案 3 :(得分: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-with-4-characters/

  4. 边界半径:

    IE9支持此功能,因此您必须使用IE8或更早版本(或兼容模式)。

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

    2. 使用CSS3Pieborder-radius功能入侵IE。这是一个黑客,但它运作良好(比其他推荐的更好)。