当有外部链接时,SVG css3过渡填充不起作用

Question

我有类似这个问题:这里.

唯一的区别是我想要链接SVG的页面是一个外部页面,意思是:http://www.google.ca

目前在我的代码中,将链接更改为内部页面使css3转换工作,但将其链接到外部(http://)会覆盖我所做的css3转换.

如果有人有解决方法这个问题或之前处理过这个问题.请帮忙!

谢谢!

    code

编辑:忘了! JFIDDLE LINK

Answer 1

这实际上与访问状态有关.其他评论者说它有效的原因是因为他们之前没有去过你的网页.一旦他们拥有它将不再有效.我已经尝试在CSS中添加访问状态,它没有任何区别.

我发现的最简单的解决方案是只在网址中添加一个随机查询字符串,以便有效地访问该页面,例如:

<a href="http:/mysite.com/?foo=<?php echo rand(0, 99999) ?>">My Link</a>

大多数网站都会忽略他们无法识别的查询,因此应该没问题.或者更好的方法是在点击时用JS删除它.

$('body').on('click', 'a', function(e) {
    e.preventDefault();
    var url = $(this).prop('href');
    window.location.href = url.split("?")[0];
});