Question

HTML代码

<a href="#page5"><img id="imgsrc_4" src="http://140.123.105.162:4001/h/8427d242759e6584152dc293579042b3f9c377a5-254818-1200-1677-jpg/keystamp=1441340100-47d38eef85/002.jpg" title="002.jpg" style="margin: 0px; width: 1050px; height: 1467px;"></a>

上面有很多图像HTML。我想搜索图像的标题（001.jpg，002.jpg，...）并使用CSS删除/隐藏它。

我该怎么做？

Answer 1

有点晚了，但是如果有人遇到同样的问题：

您可以在该图片上使用pointer-events:none，因此该链接仍然有效，但标题不会在悬停时显示

Answer 2

你可以使用jquery来做到这一点。你需要添加类，并根据该类，你必须使用jquery隐藏这是演示..

＆＃13;

$(".img_bx").hover(function(){
 
        // Get the current title
        var title = $(this).attr("title");
 
        // Store it in a temporary attribute
        $(this).attr("tmp_title", title);
 
        // Set the title to nothing so we don't see the tooltips
        $(this).attr("title","");
         

    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<a href="#page5"><img class="img_bx" id="imgsrc_4" src="https://angularjs.org/img/angularconnect-conf.png" title="002.jpg" style="margin: 0px; width: 120px; height: 120px;"></a>

＆＃13;

使用css悬停时删除图像标题？

2 个答案: