css - 如何编写IE 8特定的CSS样式 - Thinbug

如何编写IE 8特定的CSS样式

时间：2012-10-19 10:14:52

标签： css internet-explorer

是否可以在不使用js或jquery的情况下为少数元素编写IE 8特定样式？我有一个要求使用行高，这适用于精细的firefox和chrome，在IE8中我希望减少2 px的行高我可以在样式类中这样做吗？

3 个答案:

答案 0 :(得分：3)

是的，您可以使用Paul-Irish的方式定位IE浏览器：

<!--[if lt IE 7]>  <html class="ie ie6 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 7]>     <html class="ie ie7 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 8]>     <html class="ie ie8 lte9 lte8"> <![endif]-->
<!--[if IE 9]>     <html class="ie ie9 lte9"> <![endif]-->
<!--[if gt IE 9]>  <html> <![endif]-->
<!--[if !IE]><!--> <html>             <!--<![endif]-->

或新的：

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

因此，仅针对IE 8，您可以使用：

<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->

答案 1 :(得分：0)

在head标记内使用：

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

答案 2 :(得分：0)

Css条件评论将帮助您完成此操作

<!--[if IE 8]>
IE 8 stuff here
<![endif]-->

有关详细信息，请查看http://www.quirksmode.org/css/condcom.html。