防止外部链接指示图形显示在图像上

发布于 2024-11-02 15:33:53 字数 364 浏览 0 评论 0原文

我在 CSS 中添加了以下内容：

#content a[target^="_blank"] {
    background-image:url(images/extlink.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
}

这为在新窗口中打开的所有链接提供了一个小的外部链接指示器（在维基百科上可见）。问题是它也对链接的图像执行此操作。显然，我不想在图像上显示该图形。有人知道如何解决这个问题吗？

编辑有没有办法用 jQuery 做到这一点？

原文

I've added the following bit to my CSS:

#content a[target^="_blank"] {
    background-image:url(images/extlink.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
}

This gives a little external link indicator (seen on Wikipedia) on all of the links that open in a new window. The issue is it also does this for linked images. Obviously, I don't want to have that graphic on images. Anyone have an idea on how to get around this?

Edit
Is there a way to do this with jQuery?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

孤凫 2024-11-09 15:33:53

如果将这些样式移至名为 external 的 CSS 类，则此 jQuery 代码应该可以工作（未经测试）：

$('a').each(function() {
    if($(this).attr('target') == '_blank') && $(this).find('img').length == 0) {
        $(this).addClass('external');
    }
});

If you move those styles to a CSS class called external, this jQuery code should work (untested):

$('a').each(function() {
    if($(this).attr('target') == '_blank') && $(this).find('img').length == 0) {
        $(this).addClass('external');
    }
});

回复收藏 0 原文

~没有更多了~