使用 php 更改 css 背景图像

2023-12-26

我正在为这个网站做一个个人资料,我想做一个像 Facebook 那样的封面照片元素。我遇到的问题是,首先如何保存封面的背景图片?比如,我可以将图像的 url 保存在数据库中,但是我如何才能将其放入 css 中呢?

我真的不想只是说:

<div style="background-image:url(<?php echo $imageUrl?>) no-repeat center center fixed">
</div>

这看起来真的很难看的标记。还有其他办法吗?


唯一的其他选择是将其放入样式标签中,或者让 php 生成外部 CSS 文件。

对于你要做的标签

<style>
  div { background-image: url(<?php echo $imageURL;?>); }
</style>

这比内联 HTML 样式要干净一些。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 php 更改 css 背景图像 的相关文章

  • 使用 Instagram Basic Display API 时出现“无效平台应用程序”错误

    我正在尝试使用 Instagram Basic 显示 API 但是当我发布授权代码以获取访问令牌时 我不断收到以下错误 error type OAuthException 代码 400 error message 平台应用无效 我正在遵循此
  • 对 SimpleXML 数据进行排序和分组

    我正在对 XML 文件中的出版物数据进行排序和分组 我目前使用的方法效果很好大部分情况下 尽管我觉得有一种更有效的方法来完成我想要完成的任务 以下是目标节点的示例
  • 在网页上的文本框中键入内容时删除所有空格

    我如何在用户打字时即时删除输入到文本框中的空格 function var txt myTextbox var func function txt val txt val replace s g txt keyup func blur fun
  • 在 WooCommerce 中添加到购物车之前清空购物车

    我正在使用 WP 作业管理器和 Woo Subscriptions Now 最初 我选择了一个套餐 Woo Subscription 然后我添加了所有细节 但没有提交 回到网站 所以要再次购买 我需要选择一个套餐 于是我选择了套餐并填写了详
  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • 重写 URL,将 ID 替换为查询字符串中的标题

    我对 mod rewrite 很陌生 但我做了一些搜索 但找不到这个问题的答案 我有一个网站 它只有一个 PHP 页面 根据查询字符串中传递给它的 ID 提供数十页内容 我想重写 URL 以便此 ID消失并替换为从数据库中提取的页面标题 例
  • Facebook 应用程序无法获取会话

    我正在 Heroku 上为 Facebook 开发一个非常基本的 PHP 应用程序 它显示非常基本的用户信息 如姓名 个人资料图片 但该应用程序在 getToken 方法中停止 我在登录我的个人资料后尝试了该应用程序 但仍然出现相同的消息
  • 为什么需要重置浏览器?

    好吧 我知道这可能不是最好的标题why我们需要重置浏览器 因为浏览器有不同的默认设置 我的问题太长 无法放入标题中 如果每个人 90 的时间都需要使用重置样式表 为什么浏览器需要设置默认样式 无论如何我们都会删除它们 对吗 因为某些规则默认
  • 动画进度元素值

    我有一个progress元素 该元素如下所示 div class container div div div
  • 如何使用canvas.toDataURL()将画布保存为图像?

    我目前正在构建一个 HTML5 Web 应用程序 Phonegap 本机应用程序 我似乎不知道如何将画布保存为图像canvas toDataURL 有人可以帮我吗 这是代码 有什么问题吗 我的画布被命名为 canvasSignature J
  • Codeigniter - 出现 404 Not Found 错误

    我们在 godaddy 有两个托管套餐 我们的实时网站使用以下 htaccess 文件运行良好 无需在 url 中使用 index php 即可访问网站 RewriteEngine On RewriteCond REQUEST FILENA
  • 使用 JS 合并具有相同值的相邻 HTML 表格单元格

    我已经为此苦苦挣扎了一段时间 我有一个根据一些 JSON 数据自动生成的表 该数据可能会有所不同 我想合并第一列中具有相同值的相邻单元格 例如此表中的 鱼 和 鸟 table tr td fish td td salmon td tr tr
  • 如何将送货地址复制到帐单地址

    我想知道是否可以将送货地址复制到帐单地址 当用户单击与送货地址相同的复选框时 送货地址值将被复制到账单输入字段 我完成了大部分部分 但我不确定如何将选择菜单 状态 值复制到帐单地址 我真的很感谢任何帮助 My code document r
  • 我可以停止 :hover 应用于元素吗?

    假设我有一些 CSS button hover font weight bold 我怎样才能防止 hover随意应用样式 我的目标用例是当元素被禁用时 例如 使用这个 HTML
  • 为什么“tbody”不设置表格的背景颜色?

    我在用 tbody 作为 CSS 选择器来设置background color在一个表中 我这样做是因为我有多个 tbody 表内的部分 它们具有不同的背景颜色 我的问题是 当使用border radius在细胞上 细胞不尊重backgro
  • 如何清除 APC 缓存而不使 Apache 崩溃?

    如果 APC 存储大量条目 清除它们会导致 httpd 崩溃 如果 apc clear cache user 花费的时间超过 phps max execution time 调用 apc clear cache 的脚本 将在之前被 php
  • HTML 默认图像大小

    我在我的代码上显示 3 张图片 图片具有不同的尺寸 宽度和高度 div class row div class col lg 12 h2 class page header Gallery h2 div div class col md 4
  • 闪亮井板宽度

    library shiny library shinydashboard ui lt dashboardPage dashboardHeader dashboardSidebar dashboardBody wellPanel tags d
  • 使用 crypt() 加密

    我目前正在做一个非常安全的登录系统 但我是 crypt 函数的新手 需要一些快速帮助 我在注册过程中使用 crypt 加密密码字符串并将其保存到数据库中 但是 我如何在登录过程中解密密钥 或者我应该怎么做 或者是否可以对提交的密码字符串进行
  • 如果产品重量超过1000克,如何以公斤为单位显示

    在 Storefront 主题中 我使用下面的代码将格式化重量从 1000g 更改为 1kg add action woocommerce after shop loop item title show weight 10 function

随机推荐

  • 获取其他类中的变量

    我需要获取变量inString在其他班级 我怎样才能做到这一点 public class main public static StringBuffer inString public static void main String arg
  • 为什么IE9+、Chrome和Opera15+浏览器在用户代理中将自己标识为Mozilla?

    我正在寻找一种用 JavaScript 识别 IE 的方法 突然 我注意到浏览器被识别为 Mozilla Opera Mozilla 5 0 Windows NT 6 1 WOW64 AppleWebKit 537 36 KHTML 如 G
  • 如何在 Python 中使用 mv 命令与子进程

    我在 home somedir subdir 中有很多文件 我试图以编程方式将它们全部移动到 home somedir 现在我有这个 subprocess call mv home somedir subdir somedir 但它给了我这
  • 动态转发:抑制不完整实施警告

    我有一个公开一些方法的类 其实现由内部对象提供 我使用前向调用在运行时分派对内部对象的方法调用 但 XCode 抱怨 因为它找不到声明的方法的实现 我在 SO 上发现了一些其他类似的问题 但所有这些问题都通过设计更改得到了解决 我无意在这里
  • 当条件为假时如何跳过批处理步骤

    我有一项基本工作和一个基本步骤 该作业每 x 秒执行一次 我为此使用石英 然后在我的配置类中我还有变量 runStep 我应该在哪里添加此属性并仅在 runStep 为 true 时运行我的步骤
  • 从seaborn clustermap结果中重新排序高级集群

    有没有办法从a to b下图中有脚本吗 我在用seaborn clustermap 到达 得到a 即保留行的顺序 但是 列顺序仅在第二最高级别更改 I was wondering whether it is possible to use
  • PyCharm - 预期类型“Optional[IO[str]]”,却得到“TextIOWrapper[str]”

    将 PyCharm 更新到 2017 1 后 在一切看似简单且正确的地方开始弹出新的检查警告 它看起来如下 看起来像open 不返回预期的类型file参数 但代码非常简单 最重要的是 它确实按预期工作 使用 Python 3 5 2 Pyt
  • Symfony 2.2 扩展 ExceptionController

    这个问题与跟随变化 https github com symfony symfony commit 35d63df044cba20cdf441963ca85a7f4d51200cc Symfony 2 2 版本的一部分 Part 1 在 S
  • 放置 onSharedPreferenceChangeListener 的最佳位置

    我正在尝试向我的应用程序添加设置 我已添加新设置 但不知道该放在哪里OnSharedPreferenceChangeListener 我把它放在活动中并添加了一个Log d 但是Log d 永远不会被触发 有任何想法吗 最佳地点根据Andr
  • 如何获取空值的先前值

    我的表中有以下数据 Id FeeModeId Name Amount 1 NULL NULL 20 2 1 Quarter 1 5000 3 NULL NULL 2000 4 2 Quarter 2 8000 5 NULL NULL 500
  • 如何检测用户是否已经打开了某个网址并在已打开的情况下重定向到相同的网址?

    谁能告诉我如何检测用户是否已打开链接 url 选项卡 如果 url 已打开 是否可以将链接重定向到活动浏览器选项卡 例如 用户单击链接 js 代码将在浏览器中打开一个新选项卡 现在 如果用户再次单击该链接 我希望他重定向到活动会话 而不是打
  • 无法播放某些视频

    我正在尝试通过我们的服务器在 Android 设备上播放电影 它不是一个媒体服务器 只是一个普通的 Apache 服务器 我们使用相同的 API 来访问 iPhone 上的视频 效果很好 在 Android 设备上 某些视频可以播放 而另一
  • Office 插件开发:在 Word 2016 中插入表格

    我尝试使用 Office js 在文档正文中插入表格 但无济于事 我使用了以下代码 function insertSampleTable showNotification Insert Table Inserting table Word
  • 无法看到部署的 Firebase 功能

    我按照以下步骤操作 Firebase CLI 命令行界面 需要 Node js 和 npm 您可以按照以下说明进行安装https nodejs org https nodejs org 安装 Node js 也会安装 npm 安装 Node
  • 将 Fog 与 Ruby 结合使用生成预签名 URL 以将文件放入 Amazon S3 中

    我正在使用 Fog gem 生成预签名的 url 我可以成功地执行此操作以获得对该文件的读取访问权限 这就是我所做的 fog s3 Fog Storage new provider gt AWS aws access key id gt k
  • 从 Exact Online 检索联系人时出现错误

    我想在 Exact Online 中检索一家公司的所有联系人 但收到以下错误 select from AccountContacts Error itgenusg026 不支持请求的 3 308 列数 将请求的列数限制为最多 1 000 列
  • 哪些 MVC 框架可用于 Java 桌面/winform 应用程序?

    我要开发一个winform应用程序 我想将模型 视图和控制器分开 我没有使用过任何Java MVC框架 并且已经脱离Java几年了 谁能根据自己的经验告诉我一些合适的框架及其优缺点 我计划使用 NetBeans IDE Griffon ht
  • 使用不同的数据库进行开发与生产 Flask

    我有一个 Flask 应用程序 它根据生产环境变量和开发环境变量使用不同的数据库 我担心开发人员在运行本地 Flask 应用程序之前忘记设置 FLASK ENV development 然后突然对生产数据库进行更新 我想到的唯一简单的解决方
  • 维基数据的重复结果

    我创建了以下对 Wikidata 的 SPARQL 查询 该查询的结果是与德国各州相关的记录 但正如您所看到的 结果连续出现四次 您可以在此处测试它 https query wikidata org https query wikidata
  • 使用 php 更改 css 背景图像

    我正在为这个网站做一个个人资料 我想做一个像 Facebook 那样的封面照片元素 我遇到的问题是 首先如何保存封面的背景图片 比如 我可以将图像的 url 保存在数据库中 但是我如何才能将其放入 css 中呢 我真的不想只是说 div s