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 overlay 悬停在introduction-image-link上。所以它不再可点击了。

我的问题... 如何为 div overlay 提供与介绍图片相同的href？

感谢您的帮助。

Answer 1

我能想到的最简单的方法是在overlay div上实现一个点击监听器，并使用window.location

将用户带到所需的网址

Joomla介绍图像与悬停覆盖和显示介绍文本

1 个答案: