images within style sheet

时间：2012-07-07 作者：Kenneth Poulsen

我希望有人能在这方面帮助我，因为这已经开始让我抓狂了。

我已经搜索了好几个小时，想找到一种在我的样式表中放置图像路径的方法，但一直没有找到。路径不能是绝对路径或“主题相关”路径。解决问题的唯一方法是在html文件中添加以下内容：

<style type="text/css">
    #menu .menu-drop .menu-label {
        background: url(<?php echo get_template_directory_uri()."/admin/images/drop1.png"; ?>) no-repeat right;
    }
    #menu li:hover .menu-drop .menu-label {
        background: url(<?php echo get_template_directory_uri()."/admin/images/drop2.png"; ?>) no-repeat right;
    }
    #menu .menu-sub li:hover {
        background: #2a2a2a url(<?php echo get_template_directory_uri()."/admin/images/select.png"; ?>) no-repeat 10px;
    }
</style>
如您所见，在将样式表包含在标题中之后，我只需在html文件中“手动”添加背景图像。

你知道如何将上述内容转换为样式表吗？或者这是不可能的？

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

在样式表中使用相对路径。如果CSS文件位于/style.css:

#menu .menu-drop .menu-label {
    background: url(admin/images/drop1.png) no-repeat right;
}

结束
标签： css   小码农  

相关推荐

如何让header.php对不同的页面使用不同的css？

我在中注册样式function.php 具有function my_scripts() { wp_deregister_style( \'header\' ); wp_register_style( \'header\', get_template_directory_uri() . \'/css/header.css\' ); wp_enqueue_style( \'header\' ); } add_action( \'wp_enqueu