如何在 Wordpress 中禁用悬停图像标题答案

【问题标题】：How to DIsable Image Caption on Hover in Wordpress如何在 Wordpress 中禁用悬停图像标题
【发布时间】：2014-06-22 10:54:14
【问题描述】：

有时我发现一个站点，URL 是http://www.fun71.com 我看到当我将鼠标带到图像上时，图像阳离子被隐藏了。有人可以告诉他我怎么能用我的网站做到这一点？是由 CSS 还是由 Javascript 完成的？如果是 CSS，请为我编写代码。我的朋友给了 e CSS，这是

.wp-caption .wp-caption-text {
    font-size: 0.8em;
    line-height: 17px;
    margin: 0px;
    width: 100%;
    padding: 0px 0px 5px;
    background-color: #FFF;
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 0.7;
}

但这对我不起作用。请帮帮我

【问题讨论】：

这完全取决于您的 HTML 元素、它们的 id 或类。请提供您的 HTML。

标签： wordpress image hover caption

【解决方案1】：

什么对我有用：
通过将其添加到主题functions.php中删除悬停时可见的图像标题

// Title Removal from WordPress image
add_filter( 'wp_get_attachment_image_attributes', 'remove_image_text');
function remove_image_text( $attr ) {
unset($attr['title']);
return $attr;
}

Source

【讨论】：

【解决方案2】：

如果您所有的图片标题都有 wp-caption-text 类，那么只需在悬停时隐藏文本，如下所示。

.wp-caption .wp-caption-text {
font-size: 0.8em;
line-height: 17px;
margin: 0px;
width: 100%;
padding: 0px 0px 5px;
background-color: #FFF;
position: absolute;
bottom: 0px;
left: 0px;
opacity: 0.7;
display:block;

}

.wp-caption .wp-caption-text:hover{
    display:none !important;
}

【讨论】：