Css WordPress管理样式表不显示图像

Css WordPress管理样式表不显示图像,css,image,wordpress,stylesheet,admin,Css,Image,Wordpress,Stylesheet,Admin,在我的插件中,我有一些用于管理区域的样式。最初,我只是在主插件文件inline中执行这些操作,但现在我将它们加入了队列。样式表已正确排队;所有样式都正常工作,除了--样式表中引用的任何图像都不会显示。当样式被内联时,它们显示得很好,但是当我将样式表放入队列时,它们不会显示。路径没有问题,因为样式表与插件文件位于同一目录中,以前在该目录中可以找到这些样式 我是这样排队的: function my_style() { wp_register_style( 'style', plugins_url('

在我的插件中,我有一些用于管理区域的样式。最初,我只是在主插件文件inline中执行这些操作,但现在我将它们加入了队列。样式表已正确排队;所有样式都正常工作,除了--样式表中引用的任何图像都不会显示。当样式被内联时,它们显示得很好,但是当我将样式表放入队列时,它们不会显示。路径没有问题,因为样式表与插件文件位于同一目录中,以前在该目录中可以找到这些样式

我是这样排队的:

function my_style() {
wp_register_style( 'style', plugins_url('style.css', __FILE__) );
wp_enqueue_style( 'style' );
}
add_action( 'admin_enqueue_scripts', 'my_style' );
再说一次:排队是正确的,因为所有其他样式都可以正常工作。下面是我的样式表中的一个图像示例:

#mycustom-mb h3:before {
    content:url("../wp-content/plugins/my-plugin/images/banner.png");
}
当样式是内联的,而不是排队时,同样的行也可以工作。WordPress是否在做一些奇怪的事情来阻止我的图片?它甚至没有在Firebug中给我一个文件未找到错误,也没有在标题中显示损坏的图像链接(就像你有一个坏路径时那样)。只是不在那里。在Firebug中,当您将鼠标悬停在链接上时,Firebug甚至不会像在所有其他图像上一样尝试搜索图像。因此,当样式表被放入管理员队列时,感觉WordPress对图像做了一些奇怪的事情

我也不能做常规的include,因为尽管它工作得很好,但当我内联或包含CSS时,它会在插件活动上发出“意外字符”警告消息

在css规则中使用
url()
时,必须记住,路径是相对于它们所在的样式表的

因此,在内联样式的情况下,路径是相对于
/wp admin/
,但是当您加载在
/wp content/plugins/my plugin/style.css
中找到的样式表时,所有路径都是相对于
/wp content/plugins/my plugin/

因此,为了找到图像所在的正确URL,您只需使用以下内容:

#mycustom-mb h3:before {
    content:url("images/banner.png");
}

我现在正在使用Chrome Developer工具,我知道当样式表中的规则导致浏览器加载图像时,它肯定会显示404 not found错误,所以我不确定FireBug为什么不会显示任何错误

好了。谢谢我原以为我只是尝试过使用images/但结果证明我尝试了/images/但没有成功。感谢您的帮助。如果您使用
/images/
,路径将变为相对于根目录(因此
/images/banner.png
),这就是它不起作用的原因。