Php 使标题图像可访问且用户友好

我在为每一页设置标题的标题背景图片时遇到问题

<>我需要它来响应地工作，并且能够在它上面加上一个较深的背景，这样标题就更容易阅读，标题也应该一直留在屏幕中间，屏幕大小。

我设法做了一些工作，但这不是一个好的解决方案，因为它通过CSS放置图像，导致图像无法访问，我无法向其添加alt或title标记，并且如果用户希望在Pinterest上共享，例如，他将无法获得锁定此图像的选项

我如何让它与HTML本身中的图像一起工作

以下是获取图像的php代码：

<?php
    $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );
    $url = $thumb['0'];
?>
<div class="top-image" style="background-image:url('<?=$url?>')">
    <div class="in-table">
        <h1 class="entry-title"><?php the_title(); ?></h1>
    </div>
</div>

实际上你所做的是正确的。使用CSS创建背景图像是一种可行的方法

但是，如果出于某种原因，您想使用经典html，那么您需要的是这样的东西

<div class="top-image">
<div class="in-table">
    <img src="<?=$url?>" id=image />
    <h1 class="entry-title"><?php the_title(); ?></h1>
</div>
</div>

基本上，要制作背景，只需为图像或标题创建一个绝对位置。在我上面的例子中，它是图像
 只需使用普通的
标记即可。这里有什么问题吗？谢谢兄弟，我想了一下，但我不知道还有没有其他办法，我想这两种办法是我唯一的办法。
.in-table {position:relative};
#image {position:absolute; left:0; top:0; width:100%;}