当鼠标悬停在图片上时,如何显示帖子标题和摘录?

时间:2011-03-15 作者:Zakir Sajib

我现在正忙着开发一个时尚网站(http://test-domain.zakirsajib.co.uk/),当鼠标悬停在任何图像上时,相应的文章标题和文章摘录将取消显示。但无法实现:)

任何线索都会有帮助。

网站是在wordpress环境下开发的,所以任何php和css(虽然css部分已经完成,但只需要php部分的一些帮助)

4 个回复
SO网友:toomanyairmiles

我认为您需要在模板中输入的php是

<?php the_title();?>
以及

<?php the_excerpt();?>
无论你用什么做悬停

SO网友:Rev. Voodoo

你能在图片的alt和title字段中设置它吗?

img src="whatev" alt="<?php the_title(); ?>: <?php the_excerpt(); ?>" title="same code as alt" />
当然,这只会在WP循环中工作,但如果您正在显示图像,我假设我们在循环中?

SO网友:Arnold

我已经很长时间没有使用Internet Explorer了,但我确信设置“alt”不会在非IE浏览器中显示为工具提示文本。对于这些浏览器,您必须设置“title”属性。

SO网友:Shreyo Gi

你可以试试这个。达到目的。

<div class="post-content">
    <img src="" alt="img" />
    <div class="post-entry">
        <?php the_title();?><br>
        <?php excerpt();?>
    </div>
</div>
所需的CSS

.post-content {background: #f60;} .post-entry {display:none;} .post-content:hover .post-entry{display:block;}

结束

相关推荐

为什么我的可湿性粉剂主题中没有显示div容器内div的css水平对齐?

WP 3.0.4启用多站点网络,使用MAMP本地安装,PHP 5.3.2,WP主题:Twentyten Child (Wordpress Theme)无法在div容器中显示4个div框水平对齐的CSS样式。注意:在我手工编写的HTML/php网站上,同样的css样式可以很好地用于HTML 4.01 Transitional//EN。但在我的WordPress网站上,这四个盒子像楼梯一样从对方身上下来。Firefox v3中的行为相同。6.13和Safari v5。0.3。My CSS: 部门。长方体容器