使用CSS禁用工具提示

Question

使用CSS禁用工具提示

htmlcss

23

有没有一种方法可以在CSS中禁用<a>标签的工具提示？

- Varada

2

你不能在CSS中禁用工具提示。但是如果你不想要工具提示，那么你应该避免编写<a>标签的title属性。 - Ketan Modi

不要忘记，标题标签也是为了可访问性而存在的。话虽如此，像@Ronak所提到的那样没有标题标签，也会实现你想要的效果。 - Cthos

移除 title 属性也会对 SEO 产生影响。 - Craig Tullis

12个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dathan · Answer 1

$('a[title]').each(function (index, el) {
    var $tooltip = $('<div class="overlay-' + index + '" />')
                         .css({
                            position: "absolute"
                            , background: "url('../Images/space.gif')"
                            , width: $(el).width()
                            , height: $(el).height()
                            , top: 0
                            , left: 0
                            , zIndex: 300
                            , border: "1px solid red"
                         })
                         .on('click', function (event) {
                             $(el).click();
                         });
    $(this).after($tooltip);
})

- Farzin Zaker · Answer 2

只需将此代码粘贴到您的<body>标签底部的<script>中。

此代码使用jQuery：

$('.titleHidden').removeAttr('title');

接下来，当您想要隐藏其工具提示时，您需要向每个 a 标签添加 CSS 类 titleHidden。