0

在此处查看示例：http: //qwee.net

问题只在 safari

在 safari 上查看页面时，链接箭头会在旋转圈之外弹出一条路径。在 Firefox 上，选择光标正好在边框上发生变化。

我认为问题在于野生动物园允许选择边界半径以外的区域......不确定

我的代码看起来像这样：

@keyframes spincounterclockwise {
0%   {transform: rotate(360deg); -o-transform: rotate(360deg);}
100% {transform: rotate(0deg); -o-transform: rotate(0deg);}
}

#circle {
width: 350px;
height: 350px;
animation: spincounterclockwise 2s linear 0s infinite normal;
background: black;
border-radius: 175px 175px 175px 175px;
overflow: hidden;
margin-left: -175px;
margin-top: -175px;
top: 50%;
left: 50%;
position: fixed;
}

<a href="link location"><div id="circle"></div></a>
4

1 回答 1

0

我会再考虑一下！

我不认为这适用于大多数使用的浏览器，fe Opera12.9 和 IE 10.0 不能旋转。正如您所说，有时光标不会正确更改。

您是否考虑过将标志实现为具有边界半径的 css3 样式矩形？（我看不到您是否使用了图像或其他东西来显示它）

或者您至少可以提供更多代码，因为您的问题肯定缺少一些代码！

于 2013-05-30T17:31:04.400 回答