首页 文章

css3圆形边界奇怪

提问于
浏览
2

Here是i 'm working on. In Chrome, FF4 and webkit nightly the ellipsis in the bottom left look good, in FF3 they look rounded top and bottom, straight sides and safari 5 they are rectangular. (I haven' t在任何其他浏览器中查找过的页面)

反正有没有让Safari 5和FF3玩得好听?

Update:

使用以下方法设置半径使Safari 5像FF3一样工作,圆顶和底部都有直边 .

-moz-border-radius: 1000px;
-webkit-border-radius: 1000px;

所以剩下的问题是省略号在FF3或Safari 5中不是椭圆形的 .

Update2:

看起来像FF3和Safari5有边框问题以及如何计算,没有办法解决我到目前为止发现的问题 .

1 回答

  • 1

    使用px半径而不是%并且问题消失(似乎适用于开发检查器中Safari的轨道器)

    看起来你正在重新计算轨道物体的宽度和高度,你可以同时重新计算半径 .

    附:很高兴知道%radius在所有浏览器上都不起作用,很好找

相关问题