图像不替换为 css答案

【问题标题】：Images not replacing with css图像不替换为 css
【发布时间】：2013-12-04 08:29:11
【问题描述】：

想知道您是否可以提供帮助。

我想将插件中的社交媒体图标更改为我自己的。我不想更改插件源文件，以便在更新到来时继续更新插件。

我已将其放入自定义 css 框中，但图像未替换。有什么线索吗？

 #upme-icon-linkedin-sign {
     background-image: url("/wp-content/plugins/upme/css/images/linkedin.png");
 }

 #upme-icon-twitter {
     background-image: url("/wp-content/plugins/upme/css/images/twitter.png");
 }

这是需要在http://tinyurl.com/pcnb3us上更改的页面示例

如果有帮助，主题正在使用 FontAwesome 作为当前图标？

提前致谢

我找到了答案 - 但是对于代表 10 岁以下的用户，我无法回答我自己的问题 - 所以在这里发帖吧！

找到答案

 .upme-icon-linkedin-sign {
     position:relative;
 }    
 .upme-icon-linkedin-sign:before {
         position:absolute;
         content:url(/wp-content/plugins/upme/css/images/linkedin.png); 
     }

【问题讨论】：

你检查过你分配css后，插件分配了它的背景图片吗？
使图像的路径相对于 css 文件所在的位置，并检查您是否将此规则放在原始规则之后，并使其与您要覆盖的任何规则一样具体
@Haji - 不确定你的意思？
@Pete 是的，尝试了 URL 的所有变体，但似乎对我没有用。这是 wordpress，所以插件有自己的 css 文件，我不能乱用它，因为它会影响安装未来更新的能力。因此需要将 css 更改放入自定义 css 文件中 - 该文件处理主题和插件之外的更改。
我认为在分配背景图像后，插件中的 css 会分配它的背景图像..

标签： php html css wordpress plugins

【解决方案1】：

试试看

#upme-icon-twitter {
   background-image: url("../wp-content/plugins/upme/css/images/twitter.png");
}

并在检查图像时检查您获得的图像路径。

【讨论】：

【解决方案2】：

试试这样的：

#upme-icon-twitter {
 background-image: url("../wp-content/plugins/upme/css/images/twitter.png");
}

或者这个：

#upme-icon-twitter {
 background-image: url("~/wp-content/plugins/upme/css/images/twitter.png");
}

我通常将项目拉到 css 文件中，所以我得到了整个路径，然后删除了不必要的。

【讨论】：

不幸的是，问题并没有出现在不正确的路径上。尝试了上述和完整的 URL，没有任何变化。