有锯齿，怎么消除？

私下我测试了一番，发现有锯齿，这个要怎么解决？

左萌主

2016-05-12

源自：重拾CSS的乐趣 3-1

关注问题我要回答

2216

操作

收起

3 回答

CSS魔法
2016-05-14

哪一个例子有锯齿呀？

0 回复有任何疑惑可以回复我~

收起回答

左萌主提问者

导航那个地方

2016-05-16 回复有任何疑惑可以回复我~

CSS魔法回复左萌主提问者

是一开始介绍的弧形导航？还是最后的标签导航？

2016-05-17 回复有任何疑惑可以回复我~

左萌主提问者回复 CSS魔法

标签导航那个tab

2016-05-17 回复有任何疑惑可以回复我~

查看1条回复

初晓之慕
2019-01-06

之所以会出现锯齿，是因为采用了透明色，而且从透明色到有色之间没有渐变过度。

解决办法，使透明色和有色之间添加过渡的距离，比如

background: radial-gradient(circle at top left,transparent 20px,#aaa 21px);

从0到20px都是透明色，从21px开始为有色#aaa，这样就有1px作为从透明色到有色的渐变过渡，这样就不会有锯齿了

1 回复有任何疑惑可以回复我~

收起回答

我的学习123
2016-05-13

让outline为透明试一试呢

0 回复有任何疑惑可以回复我~

收起回答

左萌主提问者

不行，

2016-05-13 回复有任何疑惑可以回复我~

我的学习123 回复左萌主提问者

那不好意思我也不知道怎么弄了

2016-05-16 回复有任何疑惑可以回复我~

左萌主提问者回复我的学习123

谢谢~~

2016-05-16 回复有任何疑惑可以回复我~

0/150

提交

取消

重拾CSS的乐趣

参与学习 72775 人
解答问题 27 个

开发中使用CSS时的一些经验感悟，魔法哥带你玩儿转有乐趣的CSS

进入课程

有锯齿，怎么消除？

我要回答关注问题

热搜

最近搜索清空

有锯齿，怎么消除？

3 回答

有锯齿，怎么消除？