什么是在CSS中获取背景图像的CSS的正确方法是什么？

Question

我要使用以下功能在与插件相同的目录中但在images文件夹中获取图像。

sonarModules {
    module {
        name "CSS"
        property "sonar.language", "css"
        property "sonar.projectBaseDir", "."
        property "sonar.sources", "jcr_root/etc/designs"
    }
}

它来自以下内容，效果很好。是的，“ /”有效。

function my_login_logo() { ?>
<style type="text/css">
    #login h1 a, .login h1 a {
        background-image: url(<?php echo dirname(__FILE__); ?>/images/logo3.png);
    height:65px;
    width:320px;
    background-size: 320px 65px;
    background-repeat: no-repeat;
        padding-bottom: 30px;
    }
</style>

我在做什么错了？

Answer 1

这是您要寻找的吗？

https://developer.wordpress.org/reference/functions/plugin_dir_path/

https://codex.wordpress.org/Function_Reference/plugins_url

也许下次还会指出“不工作”的结果

为什么它不起作用？

Dirname将返回abs路径，如果您尝试从浏览器访问该路径将无法解析。您想要的路径是相对于wp root的。