0

在 IE7 中， display: inline-block 不起作用。

在 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;}

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

亲切的问候

4

3 回答 3

2

使用条件注释的正式方式是：

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

于 2012-08-21T09:51:13.893 回答
0

在 wp_head() 之后的 header.php 中

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

而已。阅读有关 quirksmode 条件包含的更多信息：http ://www.quirksmode.org/css/condcom.html

于 2012-08-21T08:45:00.863 回答
0

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

<!--[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。

于 2012-08-21T08:47:47.650 回答