使用 php 填充背景图像的标题属性答案

【问题标题】：Populate title attribute of background-image using php使用 php 填充背景图像的标题属性
【发布时间】：2017-07-07 04:30:28
【问题描述】：

我想在标题标签中注明我网站上几张照片的作者。我刚刚使用here 给出的说明在管理部分添加了字段，这很好用。

现在我想在照片的标题标签中显示该信息，但该照片被设置为背景图像，因此我无法为其添加标题标签，因此信息未显示。之所以将其称为背景图像，是因为它有时（部分）在其顶部有一个额外的层。

<figure 
    style="<?php echo "background-image:url('".$snakeImageUrl."'); background-size:cover;"; ?>" 
    title="<?php echo get_post_meta($post->ID, 'be_photographer_name', true); ?> 
    <?php echo get_post_meta($post->ID, 'be_photographer_url', true); ?>">
</figure>

我怎么还能达到这个结果？

【问题讨论】：

title 应该适用于图形标签。纯 HTML 的结果是什么？标签的css值是什么？我问这个，因为当你的元素有 0x0 维度时，你永远不会得到显示的标题。
Title 确实适用于一个图，但是由于图像 url 也设置为背景图像或动态加载，我认为它不能将图像与其他信息连接起来，因为它们都是单独加载的.

标签： php wordpress background-image title copyright-display

【解决方案1】：

我想你在这里会遇到麻烦，我不知道属性可以附加到通过 CSS 传递的内容，这就是图形选择器中的样式属性。

您可以编辑模板吗？如果是这样，为什么不将图像作为 HTML 图像元素，然后在要放置在背景图像上的内容上使用 CSS 和 position:absolute？

【讨论】：