我花了很多时间让网站看起来不错,与谷歌Chrome和Firefox合作,但是通常情况下,当我在Internet Explorer中查看它时,它看起来比起初时更糟糕。我相信有一种方法可以拥有一个只有IE的css文件,但是我不记得怎么做了。你能指出我正确的方向吗?
此外,我想知道是否有办法
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
为IE工作。我在几年前研究过,我认为唯一的选择就是让图像创建半径。希望有一些新的工作(越简单越好)。边界半径只是我改变css的许多不同之处。
由于
答案 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:
使用Modernizr确定用户浏览器中可用的功能。这会将类添加到<body>
标记中,然后您可以在样式表中引用它们,以便在给定特征存在或不存在的情况下激活某些样式。
使用条件注释包含特定于IE的样式表。
使用IE CSS hack,如下所述:http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters/
边界半径:
IE9支持此功能,因此您必须使用IE8或更早版本(或兼容模式)。
忽略它以使用较旧的IE。为实际不影响网站可用性的功能支持他们是不值得的。
使用CSS3Pie将border-radius
功能入侵IE。这是一个黑客,但它运作良好(比其他推荐的更好)。