为什么我不能在导航中添加自定义图像？

时间：2013-12-02 作者：Bradly Spicer

尝试添加导航主页图标失败。

Here\'s my nav:

    <nav id="site-navigation" class="main-navigation" role="navigation">
        <h3 class="menu-toggle"><?php _e( \'Menu\', \'twentytwelve\' ); ?></h3>
        <a class="assistive-text" href="#content" title="<?php esc_attr_e( \'Skip to content\', \'twentytwelve\' ); ?>"><?php _e( \'Skip to content\', \'twentytwelve\' ); ?></a>
        <?php wp_nav_menu( array( \'theme_location\' => \'primary\', \'menu_class\' => \'nav-menu\' ) ); ?>
    </nav><!-- #site-navigation -->
我尝试添加：<img src="/home.png"/> 到了第二行，还是没有成功。

I have tried:

<img src="http://fullpathtoimage/home.png" /><h3 class="menu-toggle"><?php _e( \'Menu\', \'twentytwelve\' ); ?></h3>

谢谢

1 个回复
最合适的回答,由SO网友:workeatplay 整理而成

我想出来了。

你必须搜索你的风格。css文件和查找

/* Buttons */

在此基础上，您将发现以下类

.menu-toggle,
article.post-password-required input[type=submit],
.bypostauthor cite span {}

.menu-toggle,
button,
 {}

button[disabled],
input[disabled] {}

.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
 {}
您需要配置按钮的两种状态。

悬停并激活。

只需更改background-image:url(\'\'); 将每个状态转换为您想要在背景中显示的图像。

然后，只需将文本负缩进-9999或从header.php 文件如您之前所述。

结束
标签： php   navigation   menus   小码农  

相关推荐

如何在PHP样式表文件中使用plugins_url()

我创建了一个插件并使用php文件作为样式表文件PHP样式表文件：<?php header(\'Content-type: text/css; charset: UTF-8\'); $x_position = 0; $y_position = -40px; ?> .blugin_box{ width:140px; height:140px; background:url(\"/mysi