Joomla介绍的图像和悬停覆盖和显示介绍文字。

Question

我卡住了。任何帮助都是非常感谢的。

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

到目前为止我所做的.修改了Joomla核心文件blog_item.php

<?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>'; ?>

并增加了CSS的不透明度和定位。

的问题是.的div覆盖徘徊在介绍-图像-链接。所以它不再是可点击的。

我的问题.，我怎么才能给div覆盖和介绍图像一样的href？

谢谢你的帮助。

Answer 1

我可以立即想到的最简单的方法是在overlay div上实现一个单击侦听器，并使用window.location将用户带到所需的url。