2012-08-30 71 views
1

我在Safari上(仅在Safari上)遇到了我的网站问题。如果您在Safari中转到luckyskins.com并将鼠标悬停在导航栏中的任何元素上,停止悬停后,每个按钮周围都会留下一个小轮廓。这在Firefox或Chrome中不会发生。任何想法可能是什么?Safari中的奇怪按钮轮廓

这是个什么样子,当一个按钮悬停,如:http://cl.ly/image/133m0Z3Q3Q2m

这里是它看起来像鼠标从按钮删除后:http://cl.ly/image/1P112U063904

那轮廓不应该在那里,除Safari外,不会发生在其他任何浏览器上。有什么想法吗?

+0

我无法复制 - 它适用于Safari。你使用的是什么版本和操作系统? – zenkaty

+0

这看起来像是一个重绘bug。 – icktoofay

+0

我正在使用Mountain Lion。它看起来像是一个奇怪的重绘问题,尽管我不确定。如果是这种情况,我想我无能为力,对吧?此外,如果是这样的话,它似乎不应该成为许多人的问题,并应在一些更新或其他事情后自行解决。 –

回答

1

当造型的按钮,只需添加一行

* { 
outline: none; 
} 

这应该摆脱它。如果它不那么奇怪。

*表示Safari或任何浏览器为此提供大纲的所有内容,因此它不会。将其添加到代码中的某个位置,它应该可以解决问题。

+0

不幸的是,那并没有做到。纲要也是零星的。有时它会出现在按钮的所有四边,有时只有3个。它几乎看起来像是一个奇怪的渲染问题,但是我已经在2个不同的机器上尝试过它,并且有几个朋友尝试它,所有的都使用相同的结果。亲自检查一下http://luckyskins.com。 –

+0

这很奇怪,我没有得到任何错误。对不起,我忍不住。我喜欢你卖的iPhone皮肤:) – sgerbhctim

+0

谢谢!是的,它只发生在山狮,所以我不会担心太多。 –