Question

在IE7中，显示：内联块不起作用。

在style.css的wordpress网站中，我定义了：

#footerlinks li {display:inline-block;list-style-type:none;height:25px;}

style.css来自functions.php使用：

wp_enqueue_style( 'style', get_stylesheet_uri() );

对于IE7，我想使用：

#footerlinks li {_height:25px;zoom:1;*display:inline;list-style-type:none;}

我应该使用什么代码，我应该把它放在哪里？

亲切的问候 R

Answer 1

使用条件评论的官方方式是：

wp_enqueue_style( 'my-style', WP_PLUGIN_URL . '/my-plugin/style.css' );
global $wp_styles;
$wp_styles->add_data( 'my-style', 'conditional', 'lte IE 7' );

来源：http://core.trac.wordpress.org/ticket/10618#comment:6

Answer 2

在wp_head（）

之后的header.php中

<!--[if IE 7]>
<link rel="stylesheet" href="my.ie7.css">
<![endif]-->

就是这样。阅读有关quirksmode上的条件包含的更多信息：http://www.quirksmode.org/css/condcom.html

Answer 3

处理此问题的最佳方法是使用条件样式表。在header.php的<head>部分中包含以下内容;

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

确保在<?php wp_head(); ?>调用之后，或者样式不会覆盖styles.css值。

然后你添加你的;

#footerlinks li {_height:25px;zoom:1;*display:inline;list-style-type:none;}

到一个名为ie7.css的文件中，并将其放在css目录中（或者根据我的例子，或者根据我的例子）。

这仅适用于IE7。

wordpress样式表加载

3 个答案: