首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >WordPress中的CSS背景图像

WordPress中的CSS背景图像
EN

Stack Overflow用户
提问于 2017-05-08 15:54:41
回答 17查看 113.6K关注 0票数 28

在使用WordPress时,可以像通常在HTML中那样在CSS中获取背景图像吗?我试过这样做但不起作用。

代码语言:javascript
运行
复制
background-image: url("<?php bloginfo('template_directory'); ?>/images/parallax_image.jpg ");
EN

回答 17

Stack Overflow用户

回答已采纳

发布于 2017-05-08 16:03:17

PHP代码不能在.css文件中运行,但是可以使用内联样式,如:

代码语言:javascript
运行
复制
<div style="background-image: url("<?php //url ?>");">

代码语言:javascript
运行
复制
<style>
  .class-name {
    background-image: url("<?php //url ?>");
  }
</style>

当使用用于动态图像路径的自定义字段时,上述内容将非常有用。

如果图像位于主题目录中,则不需要PHP,假设图像文件夹直接位于主题文件夹/theme-name/images下,样式表是/theme-name/style.css,那么您可以将背景图像添加到css文件中,如下所示:

代码语言:javascript
运行
复制
.class-name {
  background-image: url("images/file.jpg")
}
票数 39
EN

Stack Overflow用户

发布于 2017-05-08 16:00:04

您不需要在这个问题中使用PHP,您的CSS文件已经在模板文件夹中,所以您可以像这样调用映像:

代码语言:javascript
运行
复制
background-image: url("images/parallax_image.jpg");

因此,您不需要知道模板路径来调用您的主题图像。

票数 15
EN

Stack Overflow用户

发布于 2017-11-12 16:15:06

如果图像文件夹位于主题文件夹中,则可以使用:

代码语言:javascript
运行
复制
background-image: url("/wp-content/themes/themeNameHere/images/parallax_image.jpg ");
票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43852116

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档