看到拐 Angular 处的白色锯齿了吗?这是我的 CSS 的问题还是这实际上是它应该呈现的样子?
这是我的 CSS:
border: 1px solid rgba(0,0,0,.33) /*{d-bup-border}*/;
background: #fff /*{d-bup-background-color}*/;
font-weight: bold;
color: #223d74 /*{d-bup-color}*/;
text-shadow: none;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* IE10 */
background-image: -o-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/);
最佳答案
我在 safari 上看到过这个问题,并在几个月前尝试找到解决方法。遗憾的是我找不到原始帖子。
虽然我认为您寻找的可能会解决您的问题的答案是 background-clip
-moz-background-clip: padding; /* Firefox 3.6 */
-webkit-background-clip: padding; /* Safari 4? Chrome 6? */
background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
关于css - 为什么 border-radius 在 iPad 上看起来像垃圾?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7953366/