Php 带有悬停覆盖的Joomla简介图像，显示简介文本

我卡住了。感谢您的帮助

目标… 当在Joomla内容博客视图中显示介绍图像时，我希望在悬停时将其淡入20%，并在介绍图像顶部以黑色显示介绍文本

到目前为止我所做的… 从更改Joomla核心文件blog_item.php

到

并添加了用于不透明度和定位的CSS

问题是…div覆盖悬停在简介图像链接上。所以它不再是可点击的

我的问题…我如何才能将div覆盖设置为与介绍图像相同的href

---

感谢您的帮助。

我能马上想到的最简单的方法是在overlay div上实现一个单击侦听器，并使用

窗口将用户带到所需的url。位置

<?php echo JLayoutHelper::render('joomla.content.intro_image', $this->item); ?>

<?php echo '<div id="box">'; ?>
<?php echo JLayoutHelper::render('joomla.content.intro_image', $this->item); ?>
    <?php echo '<div id="overlay">'; ?>
        <?php echo $this->item->introtext; ?>
    <?php echo '</div>'; ?>
<?php echo '</div>'; ?>