为什么边界半径看起来像在iPad上废话？

看到角落里的白色锯齿？这是我的CSS的问题，或者这实际上是它应该呈现的样子？为什么边界半径看起来像在iPad上废话？

这里是我的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}*/);

enter image description here

来源

2011-10-31 Kirk Ouimet

两者我觉得* *我可以看到你在说什么...我不认为我会注意到。 –

它在桌面Safari上看起来同样糟糕吗？这应该。 – BoltClock

@BoltClock - 在Safari中看起来很脆，我只能在iPad上看到它。 –

我已经看到了在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 */

Background Clip

从CSS Tricks - Transparent Borders with background-clip

来源

2011-10-31 12:59:00 halfcube

啊，废话这似乎并没有解决我的问题。 :( –

为什么边界半径看起来像在iPad上废话？

回答

相关问题