Question

当您使用谷歌“IE单独样式表”时，有很多阅读材料，但不是很多例子。

对于IE7，我有以下条件CSS，就在我的主要风格之后。

我希望IE7中的margin-top更大。

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<!--[if IE 7]>
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/ie7.css" media="screen" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/ie8.css" media="screen" type="text/css" />
<![endif]-->

在我的主样式表中，我有这个：

.outerBlue_s {
    width: 230px; 
    height: 260px;
    overflow: hidden;
    color: #FFF;
    border-radius: 10px;
    box-shadow: 5px 5px 2px #cccccc;
    -moz-box-shadow: 5px 5px 2px #cccccc;
    -webkit-box-shadow: 5px 5px 2px #cccccc;
    margin:0 auto;
    text-align:center;
    font-size:18px;
    vertical-align:middle;

在IE样式表中，我只放了所需的边距：

.outerBlue_s {
    margin-top:50px;
}

尽管如此，当我检查IE7时，保证金并没有改变。

感谢任何帮助和建议。

<link rel="stylesheet" type="text/css" media="all" href="http://fafaradesigns.com/wp/wp-content/themes/fafaradesigns/style.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="http://fafaradesigns.com/wp/wp-content/themes/fafaradesigns/ie7.css" media="screen" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="http://fafaradesigns.com/wp/wp-content/themes/fafaradesigns/ie8.css" media="screen" type="text/css" />
<![endif]-->

它看起来不像ie7表格被引用。我做错了什么？

我通过在每个页面上插入条件样式来实现黑客攻击：

<!--[if lt IE 8]>
<style>
.innerBlue_c  {
margin-top: 1.5em;
}
</style>

我宁愿选择外部单独的样式表，因此代码更清晰 - 但我无法弄清楚它为什么不起作用。条件陈述看起来不对吗？

Answer 1

更新：我终于使用Monderizr和我最初列出的相同条件代码加载了外部样式表。似乎我所要做的只是在外部工作表的样式前添加一个.ie7。

有效的代码示例：

.ie7 #nav li {
    z-index: 102;
}

IE条件样式表不起作用

1 个答案: